Tabs with Badge

A tabs navigation with count badges on individual tab triggers to show item counts.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Tabs with Badge to your project and fits it to your theme.

import TabsWithBadge from "@/components/ui/badge-16";

export default function DemoTabsWithBadge() {
  return (
    <div className="flex min-h-64 items-center justify-center p-6">
      <TabsWithBadge />
    </div>
  );
}