ButtonGroup Buttons
The ButtonGroup component supports two types of buttons that have different behaviors:
You can add the desired button instances by declaring the dedicated button tags. Additionally, you can individually configure their appearance, enabled/disabled state and visibility through the parameters of each button tag.
ButtonGroup Button
The ButtonGroupButton does not change its visual state when clicked. It behaves as a regular button and does not support selection.
The ButtonGroupButton inherits the parameters and behavior of the Telerik UI for Blazor Button component.
Using Buttons in a group
ButtonGroup ToggleButton
The ButtonGroupToggleButton becomes selected when clicked and deselects when another one is clicked. If multiple selection is enabled, the user can select more than one ButtonGroupToggleButton at a time. Clicking on a selected button in this case will deselect it. Read more in the Selection article.
The ButtonGroupToggleButton inherits the parameters and behavior of the TelerikToggleButton component.
Using ToogleButtons in a group
Disabled State
To disable a button, set its Enabled attribute to false.
Disabled buttons in a ButtonGroup
Visibility
You can set the Visible parameter of individual buttons to false to hide them based on certain logic. This lets you maintain the same markup and toggle features on and off with simple flags without affecting indexes and event handlers.
Hide buttons from a ButtonGroup