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

# Grupo de botones

<p class="description">El componente ButtonGroup puede ser usado para agrupar botones relacionados.</p>

## Grupos de botones básicos

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

## Tamaños y colores

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

## Grupo Vertical

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

## Botón dividido

`ButtonGroup` también puede ser empleado para crear un botón dividido.  El menú desplegable puede cambiar la acción del botón (como en este ejemplo), o ser utilizado para ejecutar inmediatamente una acción relacionada.

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

## Elevación deshabilitada

Se puede eliminar la elevación con la prop `disableElevation`.

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