Tree
Une arborescence qu'on déplie.
Les branches ouvertes sont un état à part de la sélection : replier un nœud ne désélectionne pas ce qu'il contient, et rouvrir l'écran ne doit pas tout refermer.
Installation
bash
sia-ui add treeOu par le paquet, sans rien copier :
tsx
import { Tree } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* nodes | TreeNode[] | — | |
className | string | — | |
defaultExpandedKeys | Key[] | [] | |
onSelect | (node: TreeNode) => void | — | |
selectedKey | Key | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.