Typography
Typography
Display, headline, body, and label text styles
npx rootnative add typography
Docs
All Variants
Display large
Display medium
Display small
Headline large
Headline medium
Headline small
Title large
Title medium
Title small
Body large
Body medium
Body small
Label large
Label medium
Label small
Single-Line Truncation
This is a very long text that demonstrates how the Typography component handles text overflow and truncation in real-world scenarios. It should wrap or truncate based on the configuration.
Color Overrides
Primary color text
Error color text
Tertiary color text
Custom Styles
Italic text using custom style
Underlined text
Uppercase text
Next
Icon