Components / Navigation
Breadcrumbs
A trail that collapses its middle into a menu when long.
@ruckc/truss-ui Navigation
Import
import { Breadcrumbs } from '@ruckc/truss-ui';Playground
count
max
API
| Prop | Type | Default | Description |
|---|---|---|---|
items required | ({ label: string; href?: string; onclick?: () => void })[] | — | The items to render. |
max | number | 4 | Collapse the middle into a “…” menu beyond this many. |
onnavigate event | (href: string) => void | — | Called with the href when a collapsed crumb is clicked (e.g. SvelteKit's `goto`). Without it the collapsed crumbs are plain links, so a router can handle them and middle-click still works. |