Ui
Typography
Headings and text styles.
Typography components ensure consistency across your documentation and application.
Heading
Use the Heading component for page titles and section headers.
{/* Heading demo (component not bundled) */}
{/* Heading demo (component not bundled) */}Text
Use the Text component for paragraphs and body copy. It supports multiple variants.
{/* Text demo (component not bundled) */}
{/* Text demo (component not bundled) */}Variants
Default
Muted
Lead
Large
Small
Props
Text
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'muted' | 'lead' | 'large' | 'small' | 'default' | The semantic style of the text. |
as | HTMLTag | 'p' | The HTML tag to render (e.g. ‘span’, ‘div’). |
Heading
| Prop | Type | Default | Description |
|---|---|---|---|
level | 1 | 2 | 3 | 4 | 5 | 6 | 1 | The heading level (h1-h6). |