Accordéon
Pour commencer
Utiliser le composant Accordion pour afficher des listes verticales réductibles. Le composant Accordion est un composant multiple composé de sous éléments.
Ajouter une Liste
- Editez votre page
- Cliquez sur l’icône
à l’endroit où vous souhaitez ajouter le composant - Dans le sélecteur de composant cliquez sur Accordéon
- Editez le composant en cliquant dessus
- Cliquez sur Ajouter un élément puis sur l’icône
pour l’éditer - Entrez un Titre et un Contenu
- Prévisualisez le résultat
Réorganiser les éléments de l’Accordéon
Vous pouvez réorganiser l’ordre des éléments au sein du composant par glisser/déposer :
- Cliquez, maintenez et déplacez l’élément que vous souhaitez déplacer
- Relâchez-le lorsque celui ci se trouve à la position désirée
Supprimer un élément de Liste
Pour supprimer un élément survolez le et cliquez sur l’icône 
à droite.
Options de l’élément d’Accordéon
Chaque sous-élément dispose de ses propres options.
| OPTION | DESCRIPTION |
|---|---|
| Titre | Le titre de l’élément |
| Contenu | Le contenu de l’élément (facultatif) |
| Lien | Un lien à appliquer à l’élément |
| Texte du lien | Le label du lien de l’élément (facultatif). Si vide utilise le label renseigné dans les Paramètres du composant |
Paramètres du composant Liste
Ces options s’appliquent au composant et à l’ensemble des sous-éléments.
ACCORDION
Choisissez le comportement à appliquer au composant quant à l’ouverture et la fermeture des éléments de la liste.
CONTENU
| OPTION | DESCRIPTION |
|---|---|
| Taille | La taille utilisée pour le texte du contenu |
LIEN
| OPTION | DESCRIPTION |
|---|---|
| Texte du lien | Le texte du bouton. Peut-être personnalisé par élément au niveau des paramètres de l’élément lui-même. |
| Style | Le style du bouton |
| Taille | Sélectionnez la taille du bouton |
| Marge au dessus | Fixer la marge au dessus du bouton |
GÉNÉRAL
Veuillez consulter Options générales des composants
Vous pouvez modifier les styles de ces différentes options depuis Design > Styles. Pour en savoir plus sur la personnalisation des styles, consultez Styles
Avancé
Veuillez consulter Options avancées des composants