ToggleButton

Example

Razor
<kendo-togglebutton>
</kendo-togglebutton>

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBooleanSpecifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
enableBooleanSets whether the component should be enabled or disabled.
fill-modeFillModeSets a value controlling how the color is applied.
groupStringSpecifies 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.
iconStringSets the icon of the component.
icon-classStringSets the icon class of the component.
image-urlStringSets the image url for the and img element inside the component.
on-clickStringThe name of the JavaScript function that will handle the click event. Fires when the ToggleButton selected state is clicked.
on-toggleStringThe name of the JavaScript function that will handle the toggle event. Fires when the ToggleButton selected state is toggled.
roundedRoundedSets a value controlling the border radius.
script-attributesIDictionary<String,Object>Sets the attributes that will be added to the script tag of the component's initialization script.
selectedBooleanSpecifies the selected state of the ToggleButtons. If set to true the widget will be initially selected.
sizeComponentSizeSets the size of the component.
sprite-css-classStringSets the CSS class, which will be used for applying a background image to a span element inside the component.
tagStringSets the HTML tag to be rendered by the Button. Renders a button tag by default.
theme-colorThemeColorSets the color of the component according to the applied theme.
In this article
ExampleAttributes
Not finding the help you need?
Contact Support