Component

Breadcrumb

Displays the path to the current page. Supports custom separators, a collapsed ellipsis pattern, and dropdown navigation.

BreadcrumbLinkhref · render (custom routing libs)

BreadcrumbPagecurrent page — non-clickable

BreadcrumbSeparatorchildren — override the default icon

BreadcrumbEllipsiscollapsed-state indicator

Playground

Separator— separator

Collapse with ellipsis— ellipsis

6 semantic tokens consumed by this component.

--foregroundForeground

text-foreground

--muted-foregroundMuted Foreground

text-muted-foreground

--popoverPopover

bg-popover

--popover-foregroundPopover Foreground

text-popover-foreground

--accentAccent

bg-accenttext-accentborder-accent

--accent-foregroundAccent Foreground

text-accent-foreground