ButtonDirective
Represents the Kendo UI Button component for Angular.
Selector
button[kendoButton], span[kendoButton]
Export Name
Accessible in templates as #kendoButtonInstance="kendoButton"
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
disabled | | If set to | |
fillMode | | The fillMode property specifies the background and border styles of the Button (see example). The possible values are:
| |
icon | | Defines the name for an existing icon in a Kendo UI theme.
The icon is rendered inside the Button by a | |
iconClass | | Defines a CSS class—or multiple classes separated by spaces—
which are applied to a | |
imageUrl | | Defines a URL which is used for an | |
rounded | | The rounded property specifies the border radius of the Button (see example). The possible values are:
| |
selected | | Sets the selected state of the Button. | |
size | | The size property specifies the padding of the Button (see example). The possible values are:
| |
themeColor | | The Button allows you to specify predefined theme colors. The theme color will be applied as a background and border color while also amending the text color accordingly (see example). The possible values are:
| |
toggleable | | Provides visual styling that indicates if the Button is active.
By default, |
Events
| Name | Type | Description |
|---|---|---|
click | | Fires each time the user clicks the button. |
selectedChange | | Fires each time the selected state of a toggleable button is changed. The event argument is the new selected state (boolean). |
Methods
blur |
|---|
Blurs the Button component. |
focus |
|---|
Focuses the Button component. |
