System
Menu

Componenten / Uitgebreid / Inhoud

Cijfers

Kerncijfers in een rij, optioneel met rollende teller bij in beeld komen.

UitgebreidInhoud3 instellingenstats

Voorbeeld

Instellingen

Laden…

<dl class="gx-stats gx-stats--divided" style="--cols:3">
  <div>
    <dt>business lines</dt>
    <dd data-gx="count">9</dd>
  </div>
  <div>
    <dt>events per jaar</dt>
    <dd data-gx="count">120+</dd>
  </div>
  <div>
    <dt>opgericht</dt>
    <dd data-gx="count">2010</dd>
  </div>
</dl>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

SleutelInstellingWaardenStandaard
countAantal3 43
styleStijldivided plaindivided
animateTeller laten rollenaan / uittrue

Richtlijnen

Toegankelijkheid

  • dl met dt/dd; de echte waarde staat in de HTML, de animatie is alleen visueel.

Wel

  • Afgeronde, controleerbare cijfers.

Niet

  • Cijfers zonder context.

Verwant

KaartInhoud met beeld, titel en één zin. Verticaal, horizontaal of tekst over beeld. Hele kaart klikbaar via de titel-link.
AccordeonUitklapbare vragen met native details/summary. Optioneel exclusief (één tegelijk open) via het name-attribuut.
TabsWisselen tussen gelijkwaardige panelen. ARIA tabs met pijltoetsen via de runtime; zonder JS staan alle panelen onder elkaar.
TabelGegevens in rijen en kolommen met caption en kolomkoppen. Scrolt horizontaal binnen zijn vak op mobiel.