Components

Tabs

DocsApi ReferenceStyle Source

A navigation component for organizing content into separate panels.

Account
Make changes to your account here. Click save when you're done.

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-tabs

Usage

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 NameTargeted ComponentPurpose
baseTabsStyles the root tabs component.
listTabsListStyles the list of tabs.
triggerTabsTriggerStyles individual tab triggers.
contentTabsContentStyles the content for individual tabs.
Edit on GitHub

Previous

Table

Next

Textarea

On this page