Breadcrumb

The page's place in the hierarchy

A horizontal trail of links that shows the user's current location within the site hierarchy. Middle items collapse automatically when the path is long.

Default

Long path

Collapsed

tsx
// From the npm package
import { Breadcrumb } from 'rift-ds/components/Breadcrumb/Breadcrumb';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/breadcrumb.json