Anchor Nav

Docs-style on-this-page list with left borders and a primary active rail on the current section.

On this page

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Nav22 } from "@/components/beste/piece/nav22";

<Nav22
  title="On this page"
  links={[
    {
      "label": "Overview",
      "anchor": "#overview"
    },
    {
      "label": "Installation",
      "anchor": "#installation",
      "active": true
    },
    {
      "label": "Usage",
      "anchor": "#usage"
    },
    {
      "label": "API reference",
      "anchor": "#api"
    },
    {
      "label": "Troubleshooting",
      "anchor": "#trouble"
    }
  ]}
/>