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