Statement

Voice · src/components/Statement/Statement.tsx

The one spoken sentence on a surface, set in the voice face.

One per surface, and never a heading: the voice faces are for something the brand says, so a second one on the same page turns a statement into a typeface choice.

lang is not optional in practice. Pretendard carries no Hangul, so a Korean sentence without it falls back to whatever the browser picks and the page silently loses the voice it was set in.

Import

import { Statement } 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
lang	string	Language of the sentence. Drives the voice face: Newsreader for Latin, Nanum Myeongjo for Korean.
level	1 | 2	Size step. 1 is the larger.
mark	React.ReactNode	A SectionMark above the sentence, naming what this is about.
lede	React.ReactNode	A supporting line under the sentence, in the lede size.
wide	boolean	Lets the sentence run to a wider measure. For a single short line.
className	string
children	React.ReactNode