Studiov0.6.0

Breadcrumb

Tier 1 — shadcn
Navigation

Hierarchical navigation trail showing the user's current location within the app.

Live Preview

Code

import { Breadcrumb } from "@regen/ui";

<Breadcrumb />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Multi-level page navigation
  • •Admin section wayfinding
  • •Deep-linked page context

Do

  • ✓Always show the current page as non-linked text
  • ✓Keep to 3-4 levels maximum

Don't

  • ✗Don't include root '/' as a breadcrumb item
  • ✗Don't truncate middle items without a tooltip