---
title: React ButtonGroup component
components: Button, ButtonGroup
---

# Button group

<p class="description">ButtonGroupコンポーネントは、関連するボタンをグループ化するために使用することができます。</p>

## 基本的なbutton group

{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}

## サイズと色

{{"demo": "pages/components/button-group/GroupSizesColors.js"}}

## 縦のグループ

{{"demo": "pages/components/button-group/GroupOrientation.js"}}

## Split button

`ButtonGroup` で分割したボタンを作成することも可能です。 この例のようにドロップダウンでボタンの動作を変更することも、関連する動作をすぐに起動するために使用することもできます。

{{"demo": "pages/components/button-group/SplitButton.js"}}

## 高さを無効化する

`disableElevation`でシャドウを取り除けます。

{{"demo": "pages/components/button-group/DisableElevation.js"}}