Heading
ID: mantra_starter:heading
| Name | Label | Type | Description |
|---|---|---|---|
heading
|
Heading | Slot | |
heading_tag
|
Heading tag | Enum | Default: "span" Allowed values: span, h1, h2, h3, h4, h5, h6 |
heading_classes
|
Heading classes | Unknown | ⚠️ {"type":"array"} |
Default
The tag is a prop rather than a fixed element, so the same component can sit at whatever level the surrounding document has reached.
A heading rendered as h2
With classes
`heading_classes` is added to the element's attributes, so a caller can size a heading without the component knowing anything about the scale.
A heading rendered as h3, sized by its classes
Span
The default tag. A heading that looks like one but must not enter the document outline -- the label of a list, say -- is a span.
A heading rendered as span