ASP.NET Core ButtonGroup Overview
The ButtonGroup is part of Telerik UI for ASP.NET Core, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
The Telerik UI ButtonGroup TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI ButtonGroup widget.
The ButtonGroup renders a series of buttons together on a single line.
Initializing the ButtonGroup
The following example demonstrates how to initialize the ButtonGroup.
@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =>
{
t.Add().Text("Month");
t.Add().Text("Quarter");
t.Add().Text("Year");
}))
<kendo-buttongroup name="select-period">
<buttongroup-items>
<item text="Month"></item>
<item text="Quarter"></item>
<item text="Year"></item>
</buttongroup-items>
</kendo-buttongroup>
Functionality and Features
-
Disabled ButtonGroup—The
Enable()method allows you to render the ButtonGroup as disabled until certain requirements are met. -
Icon ButtonGroup—To visually enhance the content of the buttons, you can use the
Icon()method and add icons. -
Index—Using the
Index()property allows you to configure the initially selected index of the ButtonGroup component. - Selection—You can control the number of buttons that the user can select in each ButtonGroup.
- Events—You can handle the ButtonGroup events and implement custom functionalities.
To learn more about the appearance, anatomy, and accessibility of the ButtonGroup, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Next Steps
- Getting Started with the ButtonGroup
Basic Usage of the ButtonGroup HtmlHelper for ASP.NET Core (Demo)
Basic Usage of the ButtonGroup TagHelper for ASP.NET Core (Demo)
- ButtonGroup in Razor Pages