Icon Tabs

Segmented icon tabs inside a bordered tray, where the active tab flips to the foreground color.

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

Import & use
import { Nav12 } from "@/components/beste/piece/nav12";

<Nav12
  tabs={[
    {
      "label": "Preview",
      "icon": "preview"
    },
    {
      "label": "Code",
      "icon": "code"
    },
    {
      "label": "Readme",
      "icon": "docs"
    },
    {
      "label": "Settings",
      "icon": "settings"
    }
  ]}
  activeIndex={0}
/>