Introductie

Gebruik titels om structuur binnen de pagina aan te geven.

Snelstart

    
      
    
    /* Headings set */
@use "@minvws/manon/components/headings-base-set";

/* Headings */
@use "@minvws/manon/components/headings";
  

Voorbeelden:

    
      
    
    <h1>Dit is een h1</h1>
<h2>Dit is een h2</h2>
<h3>Dit is een h3</h3>
<h4>Dit is een h4</h4>
<h5>Dit is een h5</h5>
<h6>Dit is een h6</h6>
  

Kies altijd het juiste titel-element uit h1 > h6 op basis van de structuur in de HTML. De visuele weergaven van de headers kan waar nodig aangepast worden met een heading-class.

Voeg heading-base-set toe aan je applicatie om gebruik te maken van deze uitzonderingen.

Beschikbare opties:

• heading-xxl
• heading-xl
• heading-large
• heading-normal
• heading-small
• heading-xs

Visueel voorbeeld:

heading-xxl

heading-xl

heading-large

heading-normal

heading-small

heading-xs

    
      
    
    @use "@minvws/manon/components/headings-base-set";
  

Voorbeeld h2

    
      
    
    <h2>Dit is een h2</h2>
<h2 class="heading-xs">Dit is ook een h2 maar visueel kleiner weergegeven.</h2>