Tabs
コンテンツを切り替えるタブUI。
基本
アカウント設定を変更します。
TSX
<Tabs defaultValue="account">
<TabsList>
<TabsTrigger value="account">アカウント</TabsTrigger>
<TabsTrigger value="password">パスワード</TabsTrigger>
</TabsList>
<TabsContent value="account">
{/* コンテンツ */}
</TabsContent>
</Tabs>サブコンポーネント
| Prop | Type | Default | 説明 |
|---|---|---|---|
Tabs | Provider | — | タブの状態管理ラッパー（defaultValue必須） |
TabsList | div | — | タブボタンのコンテナ |
TabsTrigger | button | — | タブ切替ボタン（value必須） |
TabsContent | div | — | タブパネル（value必須） |