Components
Text
Type styles for headings, labels, and readable answers.
Ask me anything
A readable answer starts here.
Supporting detail.ControlsTab through the example to inspect focus.
Example
<Box gap="m">
<Text as="h2" variant="heading">Ask me anything</Text>
<Text as="p">A readable answer starts here.</Text>
<Text variant="caption" color="textMuted">Supporting detail.</Text>
</Box>Props
Generated from design-system/primitives.tsx. Native HTML and accessibility props are forwarded. className and style are excluded.
| Prop | Type | Required | Default |
|---|---|---|---|
as | TextTag | No | "span" |
variant | "body" | "caption" | "label" | "heading" | "title" | No | "body" |
color | "text" | "textMuted" | "brand" | "onBrand" | "danger" | No | "text" |
View Text source · design-system/primitives.tsx:74