Combobox

Le combobox combine une liste déroulante et un champ de saisie pour rechercher puis sélectionner une ou plusieurs options parmi de nombreuses options possibles.

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 :