Tabs

複合コンポーネント（Tabs.Root / List / Tab / Indicator / Panel）。primary / secondary バリアント。

参考: Material Design 3 公式ガイドライン m3.material.io/components/tabs/overview

Import

import { Tabs, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<Tabs.Root defaultValue="tab1" variant="primary">
  <Tabs.List>
    <Tabs.Tab value="tab1">タブ 1</Tabs.Tab>
    <Tabs.Tab value="tab2">タブ 2</Tabs.Tab>
    <Tabs.Indicator />
  </Tabs.List>
  <Tabs.Panel value="tab1">内容 1</Tabs.Panel>
  <Tabs.Panel value="tab2">内容 2</Tabs.Panel>
</Tabs.Root>

Props

Prop	型	既定値	説明
`variant`	`'primary' \| 'secondary'`	—	タブバリアント