Pill Tabs

Rounded segmented tabs riding a muted track, with a raised card sliding under the active label.

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

Import & use

import { Nav5 } from "@/components/beste/piece/nav5";

<Nav5
  tabs={[
    "Day",
    "Week",
    "Month",
    "Year"
  ]}
  activeIndex={2}
/>