Enclosed Tabs

Classic folder-style tabs that sit on a rail, with the active tab bordered and notched into the panel.

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

Import & use

import { Nav6 } from "@/components/beste/piece/nav6";

<Nav6
  tabs={[
    "General",
    "Billing",
    "Team",
    "API"
  ]}
  activeIndex={0}
/>