Icon Breadcrumb

Breadcrumb where each crumb wears a home or folder icon chip and the final crumb has a muted fill.

Import & use

import { Nav9 } from "@/components/beste/piece/nav9";

<Nav9
  crumbs={[
    "Docs",
    "API reference",
    "Webhooks"
  ]}
/>

More Nav pieces

Breadcrumb trail with a home icon, chevron separators, and a bold final crumb.

Compact breadcrumb trail with chevron separators and the trailing crumb rendered in bold.

Breadcrumb that hides middle crumbs behind a dropdown chip so the trail stays on a single row.

URL-like path breadcrumb using mono segments with forward-slash dividers and a trailing chevron.

Segmented icon tabs inside a bordered tray, where the active tab flips to the foreground color.

Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.