ToggleButton

Example

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

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBoolean
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.
has-client-componentBoolean
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-clickStringFires when the ToggleButton selected state is clicked.
on-toggleStringFires when the ToggleButton selected state is toggled.
roundedRoundedSets a value controlling the border radius.
sanitize-idBoolean
selectedBooleanSpecifies the selected state of the ToggleButtons. If set to true the widget will be initially selected.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
script-attributesIDictionary<String,Object>
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.
theme-colorThemeColorSets the color of the component according to the applied theme.
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.
tagString
In this article
ExampleAttributes
Not finding the help you need?
Contact Support