Heading
The Heading component is used to create different levels of headings.
By default, it creates a level 3 (<h3>) heading.
Example
UI recommendations
Consider using a text component if the content does not require a specific heading level or semantic importance, such as for paragraphs or inline text.
Content
The heading component represents a header that inherits styling from its parent container.
Color
The color prop sets the text color for the heading component.
API Reference
A layout container using CSS grid. Supports Spectrum dimensions as values to ensure consistent and adaptive sizing and spacing.
Returns: Element The rendered heading element.
| Parameters | Type | Default | Description |
|---|---|---|---|
| *children | Any | The content to render within the container. | |
| level | Literal[1, 2, 3, 4, 5, 6] | 3 | Sets heading level, h1 through h6. Defaults to 3. |
| key | str | None | None | A unique identifier used by React to render elements in a list. |