Перейти к контенту

Группа кнопок

Компонент ButtonGroup можно использовать для группирования связанных кнопок.

Базовые свойства кнопок

The standard Button variants are supported.

Sizes and colors

The size and color props can be used to control the appearance of the ButtonGroup.

Vertical group

The ButtonGroup can be displayed veritcally using the orientation prop.

Split button

ButtonGroup can also be used to create a split button. Выпадающий список может изменить действие кнопки (как в этом примере), или использоваться для немедленного вызова действия.

Disabled elevation

Вы можете убрать эффект "всплытия" с помощью пропа disableElevation.

<ButtonGroup disableElevation variant="contained" color="primary">
  <Button>One</Button>
  <Button>Two</Button>
</ButtonGroup>