Display text using well-defined typographic styles.
Use Text to standardize text content.
Add p and b attributes to a Text.
Add small attributes to a Text.
Add blockquote attributes to a Text.
You can change the color of the Text with the property type.
Text of different sizes.
Effect of multiple Text stacks
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| p | component name | boolean | - | true |
| h1 - h6 | component name | boolean | - | false |
| small | component name | boolean | - | false |
| span | component name | boolean | - | false |
| del | component name | boolean | - | false |
| i | component name | boolean | - | false |
| em | component name | boolean | - | false |
| b | component name | boolean | - | false |
| blockquote | component name | boolean | - | false |
| type | text type | TextTypes | TextTypes | default |
| ... | native props | HTMLAttributes | 'id', 'className', ... | - |
type TextTypes =
| 'default'
| 'primary'
| 'secondary'
| 'success'
| 'warning'
| 'error'
| 'info'
Previous
Tag
Next
Textarea

