tabs-demo

1import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
2 
3export default function TabsDemo() {
4  return (
5    <Tabs defaultValue="music" className="w-full max-w-sm items-center">
6      <TabsList>
7        <TabsTrigger value="music">Music</TabsTrigger>
8        <TabsTrigger value="photos">Photos</TabsTrigger>
9        <TabsTrigger value="files">Files</TabsTrigger>
10      </TabsList>
11      <TabsContent value="music" className="text-muted-foreground text-sm">
12        Your library, synced across every device.
13      </TabsContent>
14      <TabsContent value="photos" className="text-muted-foreground text-sm">
15        Every photo, organized automatically.
16      </TabsContent>
17      <TabsContent value="files" className="text-muted-foreground text-sm">
18        Documents that stay out of the way.
19      </TabsContent>
20    </Tabs>
21  );
22}