Kanshō/Breadcrumb

Breadcrumb

A compact route trail for nested product surfaces.

Included in the single kansho full pack. Components are not offered as separate installs.

Reference

Matches the requested Home / … / Components / Breadcrumb pattern

Sizes

Header and dense table contexts
Medium
Small

Truncation

Long labels stay inside the shell

Custom separator

Legacy slash style remains supported

Component documentation

Breadcrumb

components/ui/breadcrumb.tsx

Purpose

Shows a hierarchical path back through parent destinations.

Appropriate use

Use for nested navigation where users benefit from seeing and revisiting the current page ancestry.

Example

components/ui/breadcrumb.tsx has a representative live example in the "Reference" section on /components/breadcrumb.

States

Supports sm and md sizing, a current last item, ellipsis, and a collapsed-items popover.

API and props

Breadcrumb accepts items, separator, size, and className; each item supplies label, href, icon, ellipsis, or collapsed children, and the last item is treated as current.

Dependencies

React, Next Link, Radix Popover, Lucide icons, and the Kansho cn utility.

Accessibility

Renders a labelled breadcrumb navigation region, marks the current page, hides separators, and names the collapsed-items trigger.

Limitations

Collapsed items require client-side popover behaviour; use ordinary links for destinations.

Source

Source: components/ui/breadcrumb.tsx.

Full pack

components/ui/breadcrumb.tsx is documented at /components/breadcrumb and installs only through the single Kansho full pack; no individual component install is offered.