All Components

ButtonDirective

Represents the Kendo UI Button component for Angular.

Selector

button[kendoButton]

Accessible in templates as #kendoButtonInstance="kendoButton"

Inputs

bare boolean

Reduces the visual weight of the Button by removing its background/outline.

primary boolean

Adds visual weight to the Button and makes it primary.

selected boolean

Sets the selected state of the Button.

tabIndex number

Sets the tabIndex of the Button.

togglable boolean

Provides visual styling that indicates if the Button is active.
By default, togglable is set to false.

disabled boolean

Disables the Button if set to true.

icon string

Defines a name of an existing icon in the Kendo UI theme.
The icon is rendered by a span.k-icon element inside the Button.

iconClass string

Defines a CSS class—or multiple classes separated by spaces—
which are applied to a span element inside the Button. Allows the use of custom icons.

imageUrl string

Defines a URL, which is used for an img element inside the Button.
The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.

Methods

blur

Blurs the Button component.

focus

Focuses the Button component.

In this article