Text
Display text using well-defined typographic styles.
Headings
Use Text to standardize text content.
Paragraph
Add p and b attributes to a Text.
Small
Add small attributes to a Text.
Blockquote
Add blockquote attributes to a Text.
Types
You can change the color of the Text with the property type.
Sizes
Text of different sizes.
Compose
Effect of multiple Text stacks
APIs
Text.Props
| 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', ... | - |
TextTypes
type TextTypes =
| 'default'
| 'primary'
| 'secondary'
| 'success'
| 'warning'
| 'error'
| 'info'