Underline Tabs

Horizontal tabs with a thin bottom rail and a primary underline under the active label.

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

Import & use

import { Nav4 } from "@/components/beste/piece/nav4";

<Nav4
  tabs={[
    "Overview",
    "Analytics",
    "Audience",
    "Settings"
  ]}
  activeIndex={1}
/>