Kanbien Design System

Breadcrumb

The local wayfinding contract for full trails, collapsed middle steps, and compact signpost recovery when space gets tight.

Status
Active
Host family
`sub-nav-row`
Primary proof
`sub-nav` canonical set, especially breadcrumb family anchors

Live Surfaces

Breadcrumb proof lives inside the shared sub-nav family because that row owns the real spacing and reduction pressure.

PrioritycanonicalsBreadcrumb canonical anchorsexplorationInteractive sub-nav explorationhostSub-nav host render surface

Contract Highlights

Keep the current page visible, reduce gracefully under width pressure, and never invent fake hierarchy just to complete the visual trail.

States

Full, collapsed, compact

The approved trail variants are a full trail, a collapsed middle segment, and a compact signpost menu when the row gets tight.

Content rule

Real hierarchy only

Parent steps should come from real page structure; filler labels and invented intermediate steps are explicitly out of bounds.

Pressure response

Reduce before overflow

Long labels must yield through collapse and compact behavior before they overlap the rest of the shared row chrome.