System
Menu

Componenten / Uitgebreid / Inhoud

Citaat

Testimonial of uitspraak. Alleen aangeleverde tekst gebruiken, nooit zelf quotes verzinnen.

UitgebreidInhoud2 instellingenquote

Voorbeeld

Instellingen

Laden…

<figure class="gx-quote gx-quote--large">
  <blockquote>
    <p>
      Voorbeeldtekst: hier komt het citaat zoals de klant het heeft aangeleverd.</p>
  </blockquote>
  <figcaption>
    <span class="gx-avatar gx-avatar--sm">
      <span>RT</span>
    </span>
    <span>
      <strong>Naam Achternaam</strong>
      <span class="gx-mono">Functie, Bedrijf</span>
    </span>
  </figcaption>
</figure>

Instellingen

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

SleutelInstellingWaardenStandaard
styleStijllarge cardlarge
avatarAvataraan / uittrue

Richtlijnen

Toegankelijkheid

  • figure + blockquote + figcaption.

Wel

  • Echte naam en functie.

Niet

  • Verzonnen quotes (feedback opdrachtgever).

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.