Widget d'accordéon

Les Widget d'accordéon se utiliza para mostrar el texto de forma comprimida y condensada, lo que le permite ahorrar espacio sin dejar de presentar una gran cantidad de Contenu.

Avec lui Accordéon, les visiteurs peuvent scanner les titres des éléments et choisir de développer un élément uniquement si cela les intéresse.

Un widget similaire est le widget Toggle, mais il existe deux différences principales entre Accordéon widget et le Levier widget.

1. Lorsqu'une page se charge, le premier élément du widget Accordion se développe, tandis que tous les autres éléments restent réduits. Cependant, avec le widget Toggle, tous les éléments se réduisent lors du premier chargement d'une page.
2. Un seul élément d'un accordéon peut être développé à la fois. Lorsque vous développez un autre élément d'accordéon, l'élément précédemment ouvert se réduit automatiquement, ressemblant à un accordéon. Cependant, avec le widget Toggle, vous pouvez développer autant d'éléments que vous le souhaitez en même temps.

Le contenu

Accordéon

1. Titre et contenu des articles d'accordéon: Saisissez le titre et la description de chaque élément
2. Icône: Sélectionnez l'icône pour représenter l'action d'agrandissement d'un élément. Choisissez Aucun, Télécharger SVG ou sélectionnez une icône dans la bibliothèque d'icônes. Si la bibliothèque d'icônes est choisie, un onglet Recommandé s'affiche dans la bibliothèque qui affiche les icônes recommandées pour représenter le concept d'expansion.
3. Icône active: Sélectionnez l'icône pour représenter l'action de réduction de l'élément actif. Choisissez Aucun, Télécharger SVG ou sélectionnez une icône dans la bibliothèque d'icônes. Si la bibliothèque d'icônes est choisie, un onglet Recommandé s'affiche dans la bibliothèque avec les icônes recommandées pour représenter le concept de réduction.
4. Hashtag HTML de título: Définissez la balise HTML utilisée pour le titre sur H1-H6 ou DIV
5. Ajouter un item: Utilisez le bouton "Ajouter un élément" pour ajouter d'autres éléments d'accordéon à la liste.

Style

Accordéon

1. Largeur de la bordure: Définit l'épaisseur de la bordure autour de l'accordéon et entre chaque élément
2. Couleur de la bordure: Choisissez la couleur de la bordure autour de l'accordéon et entre chaque élément

Qualification

1. Antécédents: Choisissez la couleur de l'arrière-plan du titre
2. Couleur: Choisissez la couleur du texte des titres non actifs
3. Couleur active: Choisissez la couleur du texte du titre actif
4. Typographie: Définit les options de police pour les titres
5. Farci: Définit le remplissage des titres

Icône

1. Alignement: Aligne l'icône à gauche ou à droite du titre
2. Couleur: Choisissez la couleur des icônes
3. Couleur active: Choisissez la couleur de l'icône active
4. Espacement: Contrôle l'espace entre l'icône et le titre

Le contenu

1. Antécédents: Choisissez la couleur d'arrière-plan du contenu
2. Couleur: Choisissez la couleur du texte du contenu
3. Typographie: Définit les options de police pour le contenu
4. Farci: Définit le remplissage du contenu

Avancée

Définissez les options avancées applicables à ce widget