MultiSelect
Plusieurs choix dans une liste.
Les valeurs retenues s'affichent dans le champ, retirables une à une : un compte seul — « 3 sélectionnés » — oblige à rouvrir la liste pour savoir lesquels.
Installation
bash
sia-ui add multi-selectOu par le paquet, sans rien copier :
tsx
import { MultiSelect } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* options | SelectOption[] | — | |
aria-describedby | string | — | |
aria-invalid | boolean | — | |
aria-labelledby | string | — | |
aria-required | boolean | — | |
className | string | — | |
defaultValue | string[] | [] | |
disabled | boolean | — | |
id | string | — | |
onValueChange | (value: string[]) => void | — | |
placeholder | string | — | Le texte du champ vide. Par défaut, select de la locale. |
searchable | boolean | true | |
searchPlaceholder | string | — | Le texte indicatif de la recherche. Par défaut, searchPlaceholder de la locale. |
value | string[] | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.