Components
Loading preview...
A set of layered sections of content—known as tab panels—that are displayed one at a time.
npx shadcn@latest add https://21st.dev/r/sean0205/tabsimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
export default function TabsDemo() {
return (
<Tabs defaultValue="profile" className="w-[375px] text-sm text-muted-foreground">
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="profile">Profile</TabsTrigger>
<TabsTrigger value="notifications">Notifications</TabsTrigger>
</TabsList>
<TabsContent value="profile">Content for Profile</TabsContent>
<TabsContent value="notifications">Content for Security</TabsContent>
</Tabs>
);
}