Skip to main content

Interface: TextProps

Defined in: components/Text/Text.tsx:63

Props for the Text component.

Extends​

  • Omit<React.HTMLAttributes<HTMLElement>, "style" | "className">

Properties​

align?​

optional align?: TextAlign

Defined in: components/Text/Text.tsx:83

Inline alignment (text-align). A layout keyword, not a design token.

Default​

'start'

as?​

optional as?: TextAs

Defined in: components/Text/Text.tsx:96

The element to render. p for paragraphs, span for inline runs, div for grouping.

Default​

'p'

children?​

optional children?: ReactNode

Defined in: components/Text/Text.tsx:98

The text content.

Overrides​

Omit.children

numeric?​

optional numeric?: TextNumeric

Defined in: components/Text/Text.tsx:90

Numeric figure style. tabular renders tabular-nums so digits occupy equal width — use it for metrics, counts, and any figures that must line up in a column. A rendering meaning, not a raw style.

Default​

'normal'

tone?​

optional tone?: TextTone

Defined in: components/Text/Text.tsx:78

Colour tone. default inherits the surrounding surface's text colour; muted recedes to the muted informational text colour for secondary copy.

Default​

'default'

variant?​

optional variant?: TextVariant

Defined in: components/Text/Text.tsx:72

Step of the body/label type scale. body-* is running copy; label-* is the tighter, slightly heavier form for field labels and captions.

Default​

'body-md'