ToggleButton

Example

Razor

<kendo-togglebutton>
</kendo-togglebutton>

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
group	String	Specifies a group of ToggleButtons the current instance belongs to. The string will be rendered as a value of the data-group attribute of the widget's element.
icon	String	Sets the icon of the component.
icon-class	String	Sets the icon class of the component.
image-url	String	Sets the image url for the and img element inside the component.
on-click	String	The name of the JavaScript function that will handle the click event. Fires when the Button is clicked with the mouse, touched on a touch device, or ENTER (or SPACE) is pressed while the Button is focused.
on-kendo-keydown	String	The name of the JavaScript function that will handle the kendoKeydown event. Triggered when the user presses a keyboard key while the Button is focused.The event handler function context (available via the this keyword) will be set to the widget instance.
on-toggle	String	The name of the JavaScript function that will handle the toggle event. Fires when the ToggleButton selected state is toggled.
selected	Boolean	Specifies the selected state of the ToggleButtons. If set to true the widget will be initially selected.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
enable	Boolean	Sets whether the component should be enabled or disabled.
fill-mode	FillMode	Sets a value controlling how the color is applied.
rounded	Rounded	Sets a value controlling the border radius.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	ButtonSize	Sets the size of the component.
sprite-css-class	String	Sets the CSS class, which will be used for applying a background image to a span element inside the component.
tag	String	Sets the HTML tag to be rendered by the Button. Renders a button tag by default.
theme-color	ThemeColor	Sets the color of the component according to the applied theme.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.