Toggle Button

The Toggle Button allows users to switch between two states.

To define a Toggle Button, set the togglable property of the button to true. The Toggle Button supports the same configuration options as the standard Button.

Clicking a Toggle Button triggers the toggle event but does not trigger the click event.

The following example demonstrates how to define a Toggle Button in the ToolBar widget.

Example
<div id="toolbar"></div>

<script>
    $("#toolbar").kendoToolBar({
        items: [
            {
                type: "button",
                togglable: true,
                text: "My Toggle Button",
                spriteCssClass: "myIcon",
                showIcon: "toolbar",
                selected: true
            }
        ]
    });
</script>

See Also

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