Theme: ← Übersicht Tokens

Brotkrumen

Pfadnavigation (items-Array, letzter Eintrag = aktuelle Seite ohne Link)

Components v1.1.1 Navigation WebsiteAppDesktop component.breadcrumb

Nutzt: ui.icon

Beispiele

Dreistufiger Pfad
Unsicherer Zwischen-Link → ohne Link

Eigenschaften

PropTypDefaultBuilder-Label
items *array—Pfad-Einträge

* Pflicht-Prop

Events & Slots

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

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

TokenDefault
--breadcrumb-focus-ring-colorvar(--focus-ring-color)
--breadcrumb-focus-ring-offsetvar(--focus-ring-offset)
--breadcrumb-focus-ring-widthvar(--focus-ring-width)
--breadcrumb-radius-smvar(--radius-sm)
--breadcrumb-text-defaultvar(--color-text-default)
--breadcrumb-text-linkvar(--color-text-link)
--breadcrumb-text-mutedvar(--color-text-muted)

Genutzte Design-Tokens

color.text.defaultcolor.text.linkcolor.text.mutedfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.smsize.05size.1text.smweight.medium