Combobox

Combinaison d'une liste déroulante et d'un champ de saisie pour filtrer parmi de multiples options ou saisir une option supplémentaire.

Variations

Combobox à selection unique

Ce champ permet à l'utilisateur de choisir une seule option.

Combobox à selection unique

 

Combobox à sélections multiples

Ce champ permet à l'utilisateur de choisir une ou plusieurs options.

Combobox à sélections multiples

 

Styles

Ces styles sont à utiliser sur des fonds blancs et gris pour permettre un contraste optimal.

Sur un fond blanc

Sur un fond blanc

 

Sur un fond gris

Sur un fond gris

 

Anatomie

combobox- Anatomie
  1. Astérisque
  2. Libellé
  3. Infobulle
  4. Conteneur
  5. Icône de début
  6. Texte d'aide
  7. Valeur
  8. Icône d'affichage des options
  9. Tag des options sélectionnées (pour le combobox multiple)
  10. Texte saisie
  11. Icône d'effacement

Les tailles, les états et le comportement responsive du composant sont identiques à l'ensemble des champs de saisie et champ à liste déroulante :