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

Button

Directive

kendo-button

Props

enable Boolean

Indicates whether the Button will be enabled or disabled (enable in Kendo UI for jQuery). By default, the Button is enabled unless a disabled="disabled" attribute is detected.

icon String

Defines a name of an existing icon in the Kendo UI theme sprite (icon in Kendo UI for jQuery). The icon will be applied as a background image of a span element inside the Button. The Button can add a span element automatically or, if you set a k-icon CSS class, use an existing element.

icon-class String

Defines one or more CSS classes which are separated by spaces and which are applied to a span element inside the Button (iconClass in Kendo UI for jQuery). Allows the usage of custom icons.

image-url String

Defines a URL which will be used for an img element inside the Button (imageUrl in Kendo UI for jQuery). The URL can be relative or absolute. If the URL is relative, it will be evaluated with relation to the URL of the web page. The Button can add the img element automatically or, if you set a k-icon CSS class, use an existing element.

sprite-css-class String

Defines one or more CSS classes which are separated by spaces and which apply a background image to a span element inside the Button (spriteCssClass in Kendo UI for jQuery). To use an icon from the Kendo UI theme sprite background image, set the icon property. The Button can add the span element automatically or, if you set a k-icon CSS class, use an existing element.

Events

click: Function

Fires when the user clicks or taps the Button, or presses Enter or Space while the Button is focused (click in Kendo UI for jQuery).

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI Button instance.