Icon ButtonGroup

The ButtonGroup can accommodate an icon and in this way to enhance the meaning of the text content.

You can configure the icons by using the icon and imageUrl properties of the ButtonGroup. To set a particular Button instance, use only one of them.

html

<div id="buttongroup">
</div>

<script>
    $("#buttongroup").kendoButtonGroup({
        items: [
            { icon: "pencil" },
            { imageUrl: "/images/myEditIcon.gif" }
        ]
    });
</script>

See Also

• Using Icons in the ButtonGroup (Demo)
• JavaScript API Reference of the ButtonGroup