Navigation
Breadcrumbs
Breadcrumbs say where the current page sits and give every ancestor a single click. The trail slides in left to right, one crumb after the next, so the path reads as a route rather than a row of links. Each crumb can carry a leading glyph, which is what makes a deep trail scannable before it is read.
npx shadcn@latest add @minflow/breadcrumbsWhere to use it
- Nested content: workspaces, folders, files, settings sections.
- Anywhere a user can arrive by deep link and needs to know what sits above them.
- Never as a page's only navigation, and never over a flat structure where there is nothing to climb.
Variations
Plain trail
The default. Words only, for short paths whose labels are already distinct enough.
With glyphs
When the levels have types worth showing: a workspace, a folder, a file. The glyph is recognised before the word is read.
A longer path
Four levels or more. The current page stays in ink at the end, so depth never blurs where the user actually is.