Paragraph
Overview
When to use
t.b.d.
When to consider an alternative
t.b.d.
Component
Default
States
Pass the state prop to change the color of the paragraph component.
fontWeight
Set fontWeight=Paragraph.FontWeights.medium to make the text bold.
With semantic tag
By default, the Paragraph component uses the p tag. You can change it to any other tag by setting the tag prop.
Properties
Default
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| utilClassNames | String | false | - | |
| children | Node | false | - | |
| paragraphRef | Shape {
"current": "Any"
} | false | - | |
| tag | String | false | - | HTML Tag or React Component (e.g. div, span, etc) |
| fontWeight | Enum 'normal' │ 'medium' | false | - | Exported as `Paragraph.FontWeights.medium` etc., fontWeight='medium' for bold |
| state | Enum "default" │ "success" │ "error" │ "warning" │ "info" │ "muted" | false | - | Exported as `Paragraph.States.error` etc. |