Vertical Settings Tabs

A settings panel with vertical underline tabs for switching between profile, security, notifications, and integrations sections.

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

import Pattern from "@/components/ui/v-tabs-13";

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