Basic Heading
Simple heading component
Display Heading
Section Heading
Subtitle Heading
Subsection
Variants
Different heading variants
Browse components
Heading
Renders h1-h6, with an optional visual size that differs from the semantic level.
atoms
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| level | 1 | 2 | 3 | 4 | 5 | 6 | No | 1 | Semantic heading level, and the default visual size. |
| size | 1 | 2 | 3 | 4 | 5 | 6 | No | — | Visual size, when it should differ from the level. |
| text | string | No | — | Heading text. Ignored when children are provided. |