Text
Text — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
Text — Prism component.
Accessibility
Use semantic elements (as/level) so structure—not just size—conveys hierarchy. Respect the reader’s line-length and contrast settings.
Import
const { Text } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
size | "lead" | "body-lg" | "body" | "body-sm" | "small" | "caption" | — | Role size. lead is an intro paragraph; caption/small are sub-body. |
tone | "secondary" | "tertiary" | "accent" | "positive" | "negative" | — | Optional color tone. Omit for the default per-size color. |
as | "p" | "span" | "div" | — | Element to render. Default p; use span for inline. |
measure | boolean | — | Cap width to the readable measure (~68ch). |
children | React.ReactNode | — | |
className | string | — |