Kendo UI for jQuery ButtonGroup Overview
The ButtonGroup groups a series of buttons together on a single line.
The ButtonGroup is part of Kendo UI for jQuery, 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.
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>