Components
Tabs
A set of layered sections of content—known as tab panels—that are displayed one at a time.
Account
Password
Make changes to your account here.
Usage
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@murasakijs/ui";<Tabs defaultValue="account">
<TabsList>
<TabsTrigger value="account">Account</TabsTrigger>
<TabsTrigger value="password">Password</TabsTrigger>
</TabsList>
<TabsContent value="account">Account settings.</TabsContent>
<TabsContent value="password">Password settings.</TabsContent>
</Tabs>API Reference
Subcomponents
| Component | Description |
|---|---|
Tabs | The root primitive. Accepts value, defaultValue, onValueChange, orientation. |
TabsList | The row of triggers. |
TabsTrigger | A tab button. Accepts value (required) and disabled. |
TabsContent | The panel shown when its matching value is active. |
Selection state, arrow-key navigation, and tab/panel relationships are provided by React Aria Components.