TreeSelect
Un choix dans une arborescence.
Là où une liste plate perdrait le chemin : « Ventes › Règlements › En attente » ne se réduit pas à « En attente » sans devenir ambigu dès qu'un autre nœud porte le même nom.
Installation
bash
sia-ui add tree-selectOu par le paquet, sans rien copier :
tsx
import { TreeSelect } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* nodes | TreeNode[] | — | |
className | string | — | |
onValueChange | (value: Key, node: TreeNode) => void | — | |
placeholder | string | — | |
treeProps | Partial<Omit<TreeProps, "onSelect" | "nodes" | "selectedKey">> | — | L'arbre du panneau : nœuds dépliés à l'ouverture, classe. Les nœuds, la sélection et son rappel restent au sélecteur, qui se referme sur le choix. |
value | Key | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.