SplitButton

複合コンポーネント（SplitButton.Root / Group / Leading / Trailing）。主要アクションとドロップダウンメニューを組み合わせた分割ボタン。

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

Import

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

使用例

<SplitButton.Root>
  <SplitButton.Group variant="filled" aria-label="保存">
    <SplitButton.Leading>保存</SplitButton.Leading>
    <SplitButton.Trailing aria-label="その他" />
  </SplitButton.Group>
</SplitButton.Root>

Props

Prop	型	既定値	説明
`SplitButton.Group variant`	`ButtonVariant`	`'filled'`	Leading / Trailing 共有の M3 バリアント

補足

Trailing は Menu.Trigger。メニュー内容は Base UI Menu の Popup / Item で構成します。