Components
A navigation component for organizing content into separate panels.
Account
Make changes to your account here. Click save when you're done.
Installation
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>API Reference
Built on Radix UI — all underlying primitive props are forwarded in addition to the props below.
| Prop | Type | Default | Description |
|---|---|---|---|
unstyled | boolean | false | Opt out of the default styles to fully customize the component. |
classNames | object | — | Override classes per slot (see Style Slots below). |
className | string | — | Additional classes for the root element. |
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. |