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

# Button group

<p class="description">Die ButtonGroup-Komponente kann verwendet werden, um zueinandergehörende Schaltflächen zu gruppieren.</p>

## Basic button group

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

## Größen und Farben

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

## Vertikale Gruppe

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

## Split button

`ButtonGroup` can also be used to create a split button. Ein Dropdown kann verwendet werden um die Button-Aktion zu ändern (wie im unteren Beispiel gezeigt) oder die Aktion direkt zu aktivieren.

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

## Disabled elevation

Die Erhöhung kann mit der `disableElevation`-Prop deaktiviert werden.

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