Tabs With Icons

A tabbed interface with an icon beside each tab label for switching between account settings sections like details, profile, password, and team.

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

import TabsWithIconDemo from "@/components/ui/tabs-03";

export default function Default() {
  return (
    <div className="flex min-h-64 w-full items-center justify-center p-8">
      <TabsWithIconDemo />
    </div>
  );
}