New to Kendo UI for AngularStart a free 30-day trial

ToolBarButtonGroupComponent

Represents the Kendo UI Toolbar ButtonGroup for Angular.

Use this component to group buttons in a ButtonGroup inside the ToolBar.

html
<kendo-toolbar>
     <kendo-toolbar-buttongroup>
         <kendo-toolbar-button text="Bold"></kendo-toolbar-button>
         <kendo-toolbar-button text="Underline"></kendo-toolbar-button>
         <kendo-toolbar-button text="Italic"></kendo-toolbar-button>
     </kendo-toolbar-buttongroup>
</kendo-toolbar>

Selector

kendo-toolbar-buttongroup

Export Name

Accessible in templates as #kendoToolBarButtonGroupInstance="kendoToolBarButtonGroup"

Inputs

NameTypeDefaultDescription

disabled

boolean

When true, disables the whole group of buttons. If you set the disabled property of the group, it overrides the disabled property of individual buttons.

selection

ButtonGroupSelection

'multiple'

Sets the selection mode of the ButtonGroup.

width

string

Sets the width of the ButtonGroup. When you set the width of the ButtonGroup, the buttons have the same width and resize to fill the group wrapper.

In this article
SelectorExport NameInputs
Not finding the help you need?
Contact Support