Progress Telerik UI for Blazor

Blazor Button Group

  • The versatile Blazor Button Group component comes with a variety of built-in features, accessibility, and keyboard navigation.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • ButtonGroup Overview

    The Telerik UI for Blazor ButtonGroup component serves as a container managing several buttons with shared purpose. The main use case for it is linking buttons with a shared purpose – for example you can have a button group for text alignment and 3 buttons to align the text to the left, right or center. The group can be configured to support single or multi-element selection which makes the button in it act as if they were radio buttons or checkboxes respectively.

    Telerik UI for Blazor ButtonGroup Component
  • Blazor ButtonGroup Selection

    As mentioned, the ButtonGroup component can be setup in 2 different modes:

    • In single element selection, clicking a button makes it selected. Clicking any other button will deselect the first one and select the clicked button.
    • In multi element selection, clicking a button selects it. Clicking any other button will select it without altering the first one. The user can deselect the initial button by clicking on it a second time.
    Check out the Blazor ButtonGroup Selection demo
  • Blazor ButtonGroup Events

    Two events are fired on buttons in a ButtonGroup – SelectedChanged and OnClick. One is triggered when the corresponding toggle button changes its state, the latter is called on any button when it’s clicked. Note that changing the state of the button may happen because of several different reasons – it was clicked, through a keyboard shortcut or another button in the same single-selection group was selected.

    Learn more about ButtonGroup Events in our documentation

    Telerik UI for Blazor Events
  • Blazor ButtonGroup Accessibility and Keyboard Navigation

    Like all other Telerik UI for Blazor components, the ToggleButton component supports out of the box Keyboard Navigation and web accessibility standards implementation. This enables easy navigation through pages using just keyboard, as well as access to component content through assistive technologies.

    Accessibility for Telerik UI for ASP.NET Core
  • Blazor ButtonGroup Theming

    The Telerik Blazor ButtonGroup component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes, style specific component or create new theme using the Telerik Saas ThemeBuilder application.

    Telerik UI for Blazor ButtonGroup Theming

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.