GuillocheDocs GitHub v2.0.0

Combobox

Champ avec recherche dans une liste

Voir la source

avances v1.5.0 ui:Combobox

Exemples

Aperçu

<twig:ui:Combobox id="s-combobox" label="Mission" placeholder="Rechercher" :options="[{ value: '1', label: 'Rémunération du dirigeant' }, { value: '2', label: 'Audit de la structure' }]" />

Props

PropDéfautRôle
idrequisIdentifiant du champ
namenullNom du champ cache (défaut : `id`)
labelrequisLibelle
options[]Options `{ value, label }` ou chaines
placeholdernullTexte d'aide

Accessibilité

  • rôle="combobox", aria-expanded et rôle="listbox" sur la liste. Sans JavaScript, seule la saisie libre reste possible : prevoir une valeur par défaut cote serveur.

README complet et exemples de la recette