m3-baseui

ButtonGroup

関連するボタンをグループ化するコンテナ。connected スタイルで隣接ボタンの角丸を調整します。

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

Import

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

使用例

<ButtonGroup>
  <Button variant="outlined">左</Button>
  <Button variant="outlined">中央</Button>
  <Button variant="outlined">右</Button>
</ButtonGroup>

Props

Prop型既定値説明
childrenReactNode—Button 要素