Heading
Props
| Name | Type | Default | Description |
|---|---|---|---|
level | HeadingLevel | - | Heading level (1–6). Determines the semantic element (h1–h6). |
type | HeadingType | - | Visual type variant that overrides the default level styling. Optional: display-1, display-2, display-3, body, large, label, supporting. |
color | HeadingColor | 'primary' | Text color. Optional: primary, secondary, accent, inherit. |
weight | HeadingWeight | - | Font weight override. Optional: regular, medium, semibold, bold. |
display | HeadingDisplay | 'block' | Display type: block or inline. |
maxLines | number | 0 | Maximum lines before truncation. 0 means no truncation. |
Native attributes
The root element is <h1> through <h6>.
The following are passed to the root element:
- HTML attributes.
aria-*attributes.data-*attributes.class.style.