Headings List

Ready

HTML
View
Context
Info
Notes


        
        <h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>


        {% render '@h1--default' %}
{% render '@h2--default' %}
{% render '@h3--default' %}
{% render '@h4--default' %}
{% render '@h5--default' %}
{% render '@h6--default' %}


        
            
            {
  "text": "Lorem ipsum dolor."
}

Handle: @headings-list
Preview:
- With layout
- Component only
Filesystem Path: src/components/01-atoms/text/headings/_headings-list.html
References (6): @h1--default, @h2--default, @h3--default, @h4--default, @h5--default, @h6--default

The Section Title is obtained with the .vd-section-title class.

The Icon Title is obtained with the .vd-icon-title class.