Type scale
The type scale and font tokens.Scale
Ten sizes shared by the body, heading and mono fonts. Use <Text size="lg"> or font tokens like fontSize="4".
xs · 1Cross-platform
sm · 2Cross-platform
base · 3Cross-platform
lg · 4Cross-platform
xl · 5Cross-platform
2xl · 6Cross-platform
3xl · 7Cross-platform
4xl · 8Cross-platform
5xl · 9Cross-platform
6xl · 10Cross-platform
Fonts
Defaults to the platform system font (San Francisco, Roboto, Segoe UI). Provide a CSS stack for web and loaded family names for native:
createUniversalConfig({
fonts: { body: 'Inter, system-ui, sans-serif', native: { body: 'Inter' } },
fontScale: 'large', // compact 0.9375× · default 1× · large 1.125×
})See Text & Heading for the components.
Edit this page on GitHub