GitHub

Tabs

Installation

1. Install dependencies

npm install motion

2. Install tabs

npx shadcn-animated add tabs

Usage

1
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
1
<Tabs defaultValue="account" className="w-100">
2
  <TabsList>
3
    <TabsTrigger value="account">Account</TabsTrigger>
4
    <TabsTrigger value="password">Password</TabsTrigger>
5
  </TabsList>
6
  <TabsContent value="account">Make changes to your account here.</TabsContent>
7
  <TabsContent value="password">Change your password here.</TabsContent>
8
</Tabs>