Baum (Tree View) — component.tree
Hierarchische Baum-Ansicht (Ordner/Strukturen, max. 6 Ebenen): Zweige klappen per Controller, Blätter emittieren select — Chevron dreht, aktiver Knoten hervorgehoben
Componentv1.1.0Datenweb.documentweb.applicationdesktop.shellbuilder.preview
Beispiele
Struktur-Baum (Zweige klicken zum Klappen)
- Produkte
- Elektronik
- Notebooks.csv
- Zubehör.csv
- Möbel
- Elektronik
- Kunden
- B2B
- B2C
- README.md
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
nodes * | array | — |
Events & Slots
Events: navigate, select
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--tree-focus-ring-color | var(--focus-ring-color) |
--tree-focus-ring-offset | var(--focus-ring-offset) |
--tree-focus-ring-width | var(--focus-ring-width) |
--tree-radius-control | var(--radius-control) |
--tree-surface-sunken | var(--color-surface-sunken) |
--tree-text-default | var(--color-text-default) |
--tree-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
color.surface.sunken color.text.default color.text.link color.text.muted duration.fast easing.standard focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.control size.1 size.2 size.4 size.5 text.md weight.semibold