Tree - Arborescence

L'arborescence permet aux utilisateurs de naviguer dans différents niveaux d'informations hiérarchiques imbriquées.

Anatomie

Le composant arborescence est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction des options de personnalisation choisies.

Tree - Anatomie
  1. Chevron
  2. Indicateur de niveau (lié à l'indentation)
  3. Case à cocher facultatif
  4. Icône facultatif
  5. Label

 

Variantes

Le composant d'arborescence est composé de plusieurs éléments d'arborescence.

Les utilisateurs peuvent interagir avec les noeuds d'arborescence en les développant ou en les réduisant pour révéler ou masquer les éléments enfants correspondants.

 

Trois modes de sélection différents sont possibles : multiple, single et leaf.

Multiple

Multiple

Single

Single

Leaf

Leaf

Sélection d'un seul élément enfant.