H1
Apply the heading scale and typography from the active preset.
Preview
Import
import { H1, H2, H3, H4, Paragraph, Lead, Large, Small, Muted, InlineCode, Blockquote } from "@sigil-ui/components";Usage
<H1>Token-driven design system</H1>Sub-components
This component includes the following parts:
<H2><H3><H4><Paragraph><Lead><Large><Small><Muted><InlineCode><Blockquote>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-font-display | Font display |
--s-heading-h1-size | Heading h1 size |
--s-heading-h1-weight | Heading h1 weight |
--s-heading-h1-leading | Heading h1 leading |
--s-heading-h1-tracking | Heading h1 tracking |
--s-text | Text |
--s-heading-h2-size | Heading h2 size |
--s-heading-h2-weight | Heading h2 weight |
--s-heading-h2-leading | Heading h2 leading |
--s-heading-h2-tracking | Heading h2 tracking |
--s-border | Border |
--s-heading-h3-size | Heading h3 size |