Foehn Design System

H 6 

<!-- Default -->
<h6>Heading 6</h6>


<!-- Light -->
<h6 class="vd-heading-light">Heading 6</h6>


<h6{%if styleModifier %} class="{{ styleModifier }}"{% endif %}>{{ text }}</h6>
 
/* Default */
{
  "text": "Heading 6"
}


/* Light */
{
  "text": "Heading 6",
  "styleModifier": "vd-heading-light"
}

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

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