Baum (Tree View)

Hierarchische Baum-Ansicht (Ordner/Strukturen, max. 6 Ebenen): Zweige klappen per Controller, Blätter emittieren select — Chevron dreht, aktiver Knoten hervorgehoben

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Struktur-Baum (Zweige klicken zum Klappen)

• Produkte
  • Elektronik
    • Notebooks.csv
    • Zubehör.csv
  • Möbel
• Kunden
  • B2B
  • B2C
• README.md

Eigenschaften

Prop	Typ	Default	Builder-Label
nodes *	array	—	Knoten (rekursiv: {label, icon?, active?, offen?, kinder?})

* Pflicht-Prop

Events & Slots

Events: ⚡ select — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

color.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.controlsize.1size.2size.4size.5text.mdweight.semibold