Compact breadcrumb trail with chevron separators and the trailing crumb rendered in bold.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Nav8 } from "@/components/beste/piece/nav8";
<Nav8
crumbs={[
"Docs",
"API reference",
"Webhooks",
"Retries"
]}
/>Breadcrumb trail with a home icon, chevron separators, and a bold final crumb.
URL-like path breadcrumb using mono segments with forward-slash dividers and a trailing chevron.
Breadcrumb that hides middle crumbs behind a dropdown chip so the trail stays on a single row.
Breadcrumb where each crumb wears a home or folder icon chip and the final crumb has a muted fill.
Shadow-lifted menu with icon rows, shortcut hints on the right, and a tinted destructive Delete action.
Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.