ButtonGroup Overview

The ButtonGroup groups a series of buttons together on a single line.

Initializing the ButtonGroup

You can initialize the ButtonGroup from HTML markup or from a JSON data object.

From HTML

The following example demonstrates how to initialize Kendo UI ButtonGroup from HTML markup.

<ul id="buttongroup">
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
  </ul>

<script>
    $("#buttongroup").kendoButtonGroup();
</script>

From JSON

The following example demonstrates how to initialize Kendo UI ButtonGroup from a JSON data object.

<div id="buttonGroup"></div>

<script>
    $("#buttongroup").kendoButtonGroup({
        items: [
            { text: "Option1" },
            { text: "Option2" },
            { text: "Option3" }
        ]
    });
</script>

Functionality and Features

See Also

In this article
Not finding the help you need? Improve this article