New to Kendo UI for Angular? Start a free 30-day trial

ToolBarButtonGroupComponent

Represents the Kendo UI Toolbar ButtonGroup for Angular.

Export Name

Accessible in templates as #kendoToolBarButtonGroupInstance="kendoToolBarButtonGroup"

Inputs

Name Type Default Description

Name	Type	Description
disabled	`boolean`	By default, the ButtonGroup is enabled. To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set the `disabled` attribute of the button to `true` and leave the `disabled` attribute of the ButtonGroup undefined. If you define the `disabled` attribute of the ButtonGroup, it will take precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
selection	`ButtonGroupSelection`	By default, the selection mode of the ButtonGroup is set to `multiple`.
width	`string`	Sets the width of the ButtonGroup. If the width of the ButtonGroup is set: The buttons resize automatically to fill the full width of the group wrapper. The buttons acquire the same width.

disabled


boolean

By default, the ButtonGroup is enabled. To disable the whole group of buttons, set its disabled attribute to true. To disable a specific button, set the disabled attribute of the button to true and leave the disabled attribute of the ButtonGroup undefined. If you define the disabled attribute of the ButtonGroup, it will take precedence over the disabled attributes of the underlying buttons and they will be ignored.

selection


ButtonGroupSelection

By default, the selection mode of the ButtonGroup is set to multiple.

width


string

Sets the width of the ButtonGroup.

If the width of the ButtonGroup is set:

The buttons resize automatically to fill the full width of the group wrapper.
The buttons acquire the same width.