Studiov0.6.0

Breadcrumb

Tier 1shadcn
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