Vertical Icon Tabs

A vertical tabs navigation panel with icons and per-tab badge counts, using a line-style active indicator to switch between dashboard sections like projects, tasks, team and reports.

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

import Component from "@/components/ui/c-tabs-8";

export default function CTabs8Demo() {
  return (
    <div className="flex w-full items-center justify-center p-10">
      <Component />
    </div>
  );
}