Navigieren auf digital.sbb.ch

Tree

1. Was macht die Komponente?

  • Zeigt hierarchisch strukturierte Daten in einer Baumstruktur an.

2. Wann soll die Komponente eingesetzt werden?

  • Zur Darstellung und Auswahl von Elementen in hierarchischer Struktur.

3. Regeln

  • Beim Einsatz eines Trees als Navigationselement ist es sinnvoll, nicht zu viele Hierarchiestufen eizusetzen (Empfehlung max. 3).
  • Beim Einsatz eines Trees zur Darstellung von Datenstrukturen (z.B. ein Dossier, analog Filebrowser) ist es abhängig vom Anwendungsfall wieviele Hierarchiestufen benötigt werden.
  • Das Icon als Ergänzung zum Text ist optional.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • Collapsed
  • Expanded
  • Default
  • Hover
  • Selected

4.1 Standard

Darstellung der Komponente Tree in der Standard Ausprägung

Design Spezifikation

4.2 Selektierbar

Darstellung der Komponente Tree in der Ausprägung selektierbar

Design Spezifikation

5. Beispielanwendung

Darstellung eines Beispiels eines Trees