Les boutons liste déroulante peuvent être utilisés dans deux cas de figure :

• pour sélectionner une action dans un menu présentant une liste d'actions possibles
• pour effectuer un choix parmi plusieurs valeurs. La valeur sélectionnée peut alors être affichée dans le label du bouton.

 

✅ Usage correct :

Un menu peut comporter entre 2 et 8 options.

 

🚫 Usage incorrect :
Ce composant ne doit pas être utilisé pour de la navigation.

 

---

Comportement général

Un menu est un élément interactif. Il est utilisé pour permettre aux utilisateurs d'effectuer un choix.

 

Activation

Lorsque l'utilisateur clique sur le bouton, une liste déroulante s'ouvre, affichant les options disponibles dans une liste qui par défaut et si la place le permet, se déploie vers le bas.

 

Sélection d'une option

L'utilisateur peut alors parcourir la liste et sélectionner une option en cliquant dessus ou en la choisissant à l'aide des touches de navigation.

 

Fermeture

Après avoir sélectionné une option ou en cliquant en dehors de la liste, celle-ci se referme.