Skip to main content

Subnav

Pour commencer

Utiliser le composant Subnav pour afficher des listes ou navigations horizontales. Le composant Subnav est un composant multiple composé de sous éléments.

Ajouter une Subnav

  1. Editez votre page
  2. Cliquez sur l’icône add.svg à l’endroit où vous souhaitez ajouter le composant
  3. Dans le sélecteur de composant cliquez sur Subnav 
  4. Editez le composant en cliquant dessus
  5. Cliquez sur Ajouter un élément puis sur l’icône edit.svg pour l’éditer
  6. Entrez un Titre
  7. Prévisualisez le résultat

Réorganiser les éléments de Subnav

Vous pouvez réorganiser l’ordre des éléments au sein du composant par glisser/déposer :

  1. Cliquez, maintenez et déplacez l’élément que vous souhaitez déplacer
  2. Relâchez-le lorsque celui ci se trouve à la position désirée

Supprimer un élément de Subnav

Pour supprimer un élément survolez le et cliquez sur l’icône trash.svg à droite.

Options de l’élément de Subnav

Chaque sous-élément dispose de ses propres options.

OPTIONDESCRIPTION
TitreLe titre de l’élément
IcôneL’icône de l’élément (facultatif)
LienUn lien à appliquer à l’élément

Paramètres du composant Subnav

Ces options s’appliquent au composant et à l’ensemble des sous-éléments.

SUBNAV

OPTIONDESCRIPTION
StyleSélectionnez le style à appliquer 
AlignementL’alignement horizontal

ICÔNE

OPTIONDESCRIPTION
RatioEntrez une taille pour l’icône. Vous pouvez utiliser des décimales en utilisant le point (.) comme séparateur. Exemple 0.8 ou 1.7.
Marge droitFixez l’écartement entre l’icône et le label du bouton en contrôlant la marge droite

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