ToggleButton Overview
The Kendo UI for jQuery ToggleButton provides a styled clickable UI functionality with arbitrary content. Apart from consistent Kendo UI for jQuery styling, the ToggleButton enables you to indicate whether it is active or inactive, as well as group related options between various ToggleButton components.
The ToggleButton 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 ToggleButton
The following example demonstrates how to define the ToggleButton.
<button id="togglebutton">
Toggle Button
</button>
<script>
$(document).ready(function(){
$("#togglebutton").kendoToggleButton({
group: "volumes"
})
})
</script>
Functionality and Features
- Group ToggleButton—You can group the ToggleButton together.
- Icon ToggleButton—The variety of icons allow you to enhance the appearance of the ToggleButton.
- Badge ToggleButton—You can add a Badge to the ToggleButton to conveniently show its status, a notification, or a short message.
- Events—The ToggleButton allows you to handle its toggle event and implement custom functionality.