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

ToolBarButtonGroupComponent

Component

Represents the Kendo UI Toolbar ButtonGroup for Angular.

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

Definition

Package:@progress/kendo-angular-toolbar

Selector:kendo-toolbar-buttongroup

Export Name:Accessible in templates as #kendoToolBarButtonGroupInstance="kendoToolBarButtonGroup"

Syntax:

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>

Inputs

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

Sets the selection mode of the ButtonGroup.

Default:

'multiple'

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.