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

# Groupe de boutons

<p class="description">Le composant ButtonGroup peut être utilisé pour regrouper les boutons associés.</p>

## Groupe de boutons de base

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

## Tailles et couleurs

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

## Groupe vertical

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

## Bouton Split

`ButtonGroup` peut également être utilisé pour créer un bouton de séparation. La liste déroulante peut modifier l'action du bouton (comme dans cet exemple), ou être utilisée pour déclencher immédiatement une action connexe.

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

## Désactivé élévation

Vous pouvez supprimer l'élévation avec la propriété `disableElevation`.

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