Display

Voice · src/components/Display/Display.tsx

One line set in Redrob Rake Display.

One per surface. The face has twenty opened glyphs of ninety-one and a 42px floor, so it is a statement, not a heading style - it is never the wordmark and never a paragraph.

as defaults to p rather than a heading tag deliberately: a display line is usually the same sentence a heading nearby already carries, and two competing h1s is worse than none.

Import

import { Display } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
level	1 | 2 | 3	Size step. 1 is the largest.
as	keyof React.JSX.IntrinsicElements	The element. p by default: display type is usually a line, not a document heading.
lang	string	Required when the line is not in the page's language - Korean display sets at 96%.
id	string
className	string
children	React.ReactNode