# Accordion

Accordion-widgets zijn perfect voor **FAQ's of secties waar je meer tekst aan moet toevoegen** zonder te veel ruimte in te nemen.

* **Navigeer naar de Accordion-widget** – Open de **Widgets-paneel** in uw editor.
* **Sleep en zet op je pagina** – Plaats het in de gewenste sectie.
* **Uitvouwen en inklappen** – Gebruikers kunnen klikken om inhoud te tonen of te verbergen, zodat er een **schoon en georganiseerd ontwerp ontstaat**.

Een geweldige manier om je pagina's **gestructureerd en gebruiksvriendelijk te houden**!

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/26f0iD5Wnfzz4kORCI07/sendly%20accordion.PNG" alt=""><figcaption></figcaption></figure>

### Accordion-styling

Momenteel zijn er vier verschillende lay-outontwerpen waaruit je kunt kiezen. Je vindt ze in het tabblad styling

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/eX0XpDIOBhy4PRbk91YR/accordion%20styling.PNG" alt=""><figcaption></figcaption></figure>

### Lettertype- en kleurstyling

Net als bij elk van onze elementen kun je het ontwerp stylen zoals jij dat wilt. Om te beginnen met het bewerken van de styling voor je accordion, selecteer je eenvoudig het tabblad accordion-instellingen. Vervolgens wordt er een nieuw venster weergegeven:

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/B4h4LZrBj5SG2yFb1NqN/accordion%20settings.PNG" alt=""><figcaption></figcaption></figure>

Vanaf hier kun je naar het tandwielpictogram gaan en het lettertype, de lettergrootte, het toevoegen van een call-to-action-link en ook de dooskleuring stylen.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/Ij2hcdzTh5YdMJx6z5jJ/sendly%20accordian%20stly.PNG" alt=""><figcaption></figcaption></figure>
