New to Kendo UI for jQuery? Start a free 30-day trial

ToggleButton

Updated on Dec 10, 2025

The ToggleButton allows users to switch between two states.

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

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

The following example demonstrates how to define a ToggleButton in the ToolBar component.

html

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

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

ToggleButton

See Also