Tabs
Reiter mit Panels (bis 4) — lokaler Zustand im Controller, semantisches Event change
Beispiele
Drei Reiter (klickbar)
Panel 1: Stammdaten des Kunden.
Panel 2: Auftragsliste.
12 offenZweiter Reiter vorausgewählt
Übersicht.
Details sind aktiv gestartet.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| labels * | array | — | Reiter-Beschriftungen |
| active | number | 0 | Aktiver Reiter (0-basiert) |
* Pflicht-Prop
Events & Slots
Events:
⚡ change — im Surface per on: {<event>: {action, params}} verdrahtbar.
Slot panel-1:
akzeptiert ui.*, component.*, layout.*
Slot panel-2:
akzeptiert ui.*, component.*, layout.*
Slot panel-3:
akzeptiert ui.*, component.*, layout.*
Slot panel-4:
akzeptiert ui.*, component.*, layout.*
Genutzte Design-Tokens
border.emphasiscolor.action.primarycolor.border.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.controlsize.1size.2size.4text.mdweight.mediumweight.semibold