New to Kendo UI for Angular? Start a free 30-day trial
ButtonGroup Data Binding
Updated on Nov 6, 2026
The ButtonGroup renders the Button components that you declare as its content. To bind it to a collection of configuration objects, iterate the collection with @for and render a Button for each object. Each object can supply values such as the button text, svgIcon, and selected state.
The following example renders each button from a collection. Its click handler updates the status icon color when the user clicks a button.
Loading ...
Storing Selected Buttons
When you bind the ButtonGroup to a collection of Buttons, you can track the selected buttons by storing that selection in a custom collection.
To track multiple selected buttons:
- Set the selection mode of the ButtonGroup to
multiple. This is the default mode. - Handle the
selectedChangeevent of each button. Use its Boolean payload to add the corresponding item when the button is selected and remove it when the button is deselected.
Loading ...