Basic Tabs

A simple three-tab layout with overview, activity, and reports panels for switching between related sections of content.

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

import Tabs01 from "@/components/ui/tabs-01";

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