Path Breadcrumb

About this piece

Path Breadcrumb

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

Usage

The import and the props worth knowing about, in one place.

import { Nav13 } from "@/components/beste/piece/nav13";

<Nav13
  segments={[
    "acme-studio",
    "marketing-site",
    "docs",
    "overview.mdx"
  ]}
  bordered={false}
/>

More Nav pieces

View all Nav
app
page.tsx
layout.tsx
components
tailwind.config.ts