import { Text } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
as | ElementType | "p" | Rendered HTML element |
size | "body" | "label" | "caption" | "meta" | "micro" | "body" | Type scale size |
color | "primary" | "secondary" | "muted" | "inverse" | "agency" | "temporal" | "validation" | string | — | Text color token or custom CSS color |
weight | CSSProperties['fontWeight'] | — | Font weight override |
trim | boolean | — | Set line-height to 1 for tight layout |
asType
ElementTypeDefault "p"Rendered HTML element
sizeType
"body" | "label" | "caption" | "meta" | "micro"Default "body"Type scale size
colorType
"primary" | "secondary" | "muted" | "inverse" | "agency" | "temporal" | "validation" | stringDefault —Text color token or custom CSS color
weightType
CSSProperties['fontWeight']Default —Font weight override
trimType
booleanDefault —Set line-height to 1 for tight layout
MobileWorks As-Is
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?