Edit this page

ButtonGroup Tag Helper Overview

The ButtonGroup tag helper helps you configure the Kendo UI ButtonGroup widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the ButtonGroup by using the ButtonGroup tag helper.

Example
<kendo-buttongroup name="buttonGroup">
    <buttongroup-items>
        <item text="Click here!"></item>
    </buttongroup-items>
</kendo-buttongroup>

Configuration

The Button tag helper configuration options are passed as attributes of the tag. The buttons are specified in the buttongroup-items child tag collection.

Example

    <kendo-buttongroup name="player">
        <buttongroup-items>
            <item icon="play" text="Play" selected="true"></item>
            <item icon="pause" text="Pause" enabled="false"></item>
            <item icon="stop" text="Stop"></item>
        </buttongroup-items>
    </kendo-buttongroup>

    @(Html.Kendo().ButtonGroup()
       .Name("player")
       .Items(t =>
       {
           t.Add().Text("Play").Icon("play").Selected(true);
           t.Add().Text("Pause").Icon("pause").Enabled(false);
           t.Add().Text("stop").Icon("stop");
       })
    )

See Also