<dy-heading>
A heading component that provides consistent styling for different heading levels (h1-h6). It helps maintain a clear visual hierarchy in your content while ensuring accessibility standards are met.
Example
Loading...
<dy-heading style=${"width: 100%; margin-top: 0"} .lv=${1}> Heading 1 </dy-heading> <dy-heading style=${"width: 100%"} .lv=${2}> Heading 2 </dy-heading> <dy-heading style=${"width: 100%"} .lv=${3}> Heading 3 </dy-heading>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
lv(lv) |
Yes | '1' | '2' | '3' | '4' |
Other
| Type | Value |
|---|---|
| Slot | unnamed |