Tree item - Elément d'arborescence

Un élément interactif de l'arborescence

Anatomie

Tree item - Anatomie
  1. Chevron
  2. Case à cocher facultatif
  3. Icône facultatif
  4. Label

Variantes

3 niveaux d’indentation sont disponible : 0, 1 et 2.

Le niveau d'indentation représente la profondeur des éléments au sein de la structure d'arborescence.

Niveau d'indentation 0

Niveau d'indentation 0

Niveau d'indentation 1

Niveau d'indentation 1

Niveau d'indentation 2

Niveau d'indentation 2


États

Les états sont des représentations visuelles utilisées pour communiquer l'état de l'élément d'arborescence. Chaque état est visuellement similaire et ne modifie pas radicalement son apparence, mais est toujours clair afin de pouvoir le distinguer des autres états et de la mise en page environnante.

Il existe 3 états différents disponibles pour les éléments d'arborescence :

Fermé

Fermé

Ouvert

Ouvert

Sélectionné

Sélectionné