Theme
Text
Body text, held to the reading measure.
Examples
Large, for the lead paragraph of a page.
Base, for body text, held to the reading measure.
Small and muted, for metadata.
Extra small, for captions.
Danger, for an error in words.
Tabular figures: 1,111.10 and 9,999.90
Props
Text
Body text, held to the reading measure.
| Prop | Type | Default | Description |
|---|---|---|---|
as? | "div" | "p" | "small" | "span" | "strong" | "p" | The element: a paragraph by default, a span inside other text. |
size? | "sm" | "md" | "lg" | "xs" | "md" | |
tone? | "danger" | "success" | "default" | "muted" | "default" | |
weight? | "medium" | "bold" | "regular" | — | |
tabular? | boolean | false | Figures of equal width, for numbers that line up in columns or update in place. |
wide? | boolean | false | Let the text run past the reading measure, for labels in wide layouts. |
id? | string | — | |
children | ReactNode | — |
Accessibility
- Muted text still meets 4.5:1 on every surface in every theme.