Tabs — component.tabs — Invisible Minidocs

Componentv1.1.0Navigationweb.documentweb.applicationdesktop.shell

Beispiele

Drei Reiter (klickbar)

Panel 1: Stammdaten des Kunden.

Panel 2: Auftragsliste.

12 offen

Interne Notiz

Zweiter Reiter vorausgewählt

Übersicht.

Details sind aktiv gestartet.

Pills-Variante

Alle Einträge

Nur offene

Nur erledigte

Eigenschaften

Prop	Typ	Default
`labels *`	array	`—`
`active`	number	`0`
`variant`	string: underline \| pills	`"underline"`

Events & Slots

Events: change

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.*

Stellschrauben (Komponenten-Tokens)

Token	Default
`--tabs-border`	`var(--color-border-default)`
`--tabs-active`	`var(--color-action-primary)`

Genutzte Design-Tokens

border.emphasis color.action.on-secondary color.action.primary color.action.secondary color.border.default color.surface.sunken color.text.default color.text.muted duration.fast easing.standard focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.control radius.full size.1 size.2 size.3 size.4 text.md weight.medium weight.semibold