Display

Text

The type ramp. Each variant binds size, line-height and tracking together — headings run tight, labels run small, uppercase and widely tracked.

Text

import { Text } from '@anomalia/ui';

Notes

Variants map to sensible default tags (display → h1, body → p); override with as.
Use numeric for anything a reader compares vertically — it switches on tabular figures.

Every variant carries its own tracking and line-height. Tone and weight are separate axes, so a muted heading stays on the ramp.

Body copy sits at 15px with a slightly negative tracking — the size the system uses for everything that is meant to be read rather than scanned.

Footnote · secondary metadata

Section label

1,284 impressions · 4.7% engagement

Prop	Type	Default	Description
`variant`	`'display' \| 'title1' \| 'title2' \| 'title3' \| 'headline' \| 'callout' \| 'body' \| 'footnote' \| 'caption'`	`'body'`	Position on the ramp.
`tone`	`'default' \| 'muted' \| 'faint' \| 'accent' \| 'success' \| 'warning' \| 'danger' \| 'inverse'`	`'default'`	Semantic colour.
`weight`	`'regular' \| 'medium' \| 'semibold' \| 'bold'`	—	Overrides the variant weight.
`clamp`	`number`	—	Truncate after N lines.
`numeric`	`boolean`	`false`	Tabular figures.

Every component also forwards the native attributes of its root element, plus class, so anything not listed here still works.