Menu
Componenten / Uitgebreid / Inhoud
Accordeon
Uitklapbare vragen met native details/summary. Optioneel exclusief (één tegelijk open) via het name-attribuut.
UitgebreidInhoud3 instellingen
accordionInstellingen
Laden…
<div class="gx-accordion gx-accordion--lines">
<details name="faq" open>
<summary>Wat kost een website?
<svg class="gx-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="gx-accordion__body">
<p>
Dat hangt af van omvang en maatwerk. Na een kennismaking krijg je een vaste prijs.</p>
</div>
</details>
<details name="faq">
<summary>Hoe snel staat het live?
<svg class="gx-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="gx-accordion__body">
<p>
Een eerste versie staat meestal binnen twee weken online, achter een previewlink.</p>
</div>
</details>
<details name="faq">
<summary>Kan ik zelf teksten aanpassen?
<svg class="gx-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="gx-accordion__body">
<p>
Ja, via een eenvoudige editor of in overleg met ons team.</p>
</div>
</details>
</div>Instellingen
Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.
| Sleutel | Instelling | Waarden | Standaard |
|---|---|---|---|
style | Stijl | lines cards | lines |
exclusive | Eén tegelijk open | aan / uit | true |
firstOpen | Eerste open | aan / uit | true |
Richtlijnen
Toegankelijkheid
- Native: toetsenbord en schermlezer werken zonder ARIA.
- Inhoud blijft vindbaar met zoeken in de pagina.
Wel
- Voor FAQ en details die niet iedereen nodig heeft.
Niet
- Belangrijke info verstoppen.