Components
A navigation component for organizing content into separate panels.
Loading...
Installation
NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-tabsUsage
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@mijn-ui/react-tabs"<Tabs defaultValue="account" className="w-[400px]">
<TabsList>
<TabsTrigger value="account">Account</TabsTrigger>
<TabsTrigger value="password">Password</TabsTrigger>
</TabsList>
<TabsContent value="account">Make changes to your account here.</TabsContent>
<TabsContent value="password">Change your password here.</TabsContent>
</Tabs>Tabs Style Slots
| Slot Name | Targeted Component | Purpose |
|---|---|---|
base | Tabs | Styles the root tabs component. |
list | TabsList | Styles the list of tabs. |
trigger | TabsTrigger | Styles individual tab triggers. |
content | TabsContent | Styles the content for individual tabs. |