Sugarcoat UI provides a comprehensive typography system with heading and text components.
Headings#
Use the H1 through H6 components for semantic headings:
Text Styles#
The textStyle token provides predefined text sizes:
| Token | Size |
|---|---|
xs | Extra small |
sm | Small |
md | Medium (default) |
lg | Large |
xl | Extra large |
2xl | 2x large |
3xl | 3x large |
4xl | 4x large |