ButtonGroup

Использование

Компонент ButtonGroup - это обертка для Button. Принимает в себя группу кнопок.

Live Editor

Result

Примеры

Размер и вид группы кнопок

Размер и вид группы кнопок задается с помощью свойств size и view соответственно. С помощью свойства isCommonButtonStyles можно отключить переопределение стилей для всех кнопок внутри группы. Тогда каждая кнопка будет иметь настраиваемый размер и вид.

Возможные значения свойства view: "default", "accent", "secondary", "clear", "positive", "warning", "negative", "dark", "black", "white", "success", "critical".

Возможные значения свойства size: "l", "m", "s", "xs", "xxs", "xl".

caution

Значения "success" и "critical" свойства view устарели и будут удалены в будущих версиях. Используйте "positive" вместо "success" и "negative" вместо "critical".

Значение "xl" свойства size устарело и будет удалено в будущих версиях. Используйте "l".

Live Editor

Result

Ориентация группы кнопок и отступы между кнопками

Группа кнопок может располагаться вертикально или горизонтально и иметь три вида отступов:

Live Editor

Result

Границы кнопки

Границы кнопки задаются с помощью свойства shape.

Live Editor

Result