TagsInput
Une liste de mots, saisis à la volée.
Les séparateurs sont déclarés : la virgule et l'entrée par défaut, parce que ce sont les deux touches que l'on presse sans y penser après avoir tapé un mot.
Installation
bash
sia-ui add tags-inputOu par le paquet, sans rien copier :
tsx
import { TagsInput } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
aria-describedby | string | — | |
aria-invalid | boolean | — | |
aria-labelledby | string | — | |
aria-required | boolean | — | |
className | string | — | |
defaultValue | string[] | [] | |
disabled | boolean | — | |
id | string | — | |
maxTags | number | — | |
onValueChange | (value: string[]) => void | — | |
placeholder | string | — | |
separators | string[] | ["Enter", ","] | |
value | string[] | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.