New to KendoReactLearn about KendoReact Free.

ButtonProps

Represents the props of the KendoReact Button component. Extends the native button props.

NameTypeDefaultDescription

disabled?

boolean

false

Specifies if the Button is disabled (see example).

endIcon?

React.ReactNode

Sets an SVG icon or custom element after the content of the Button. For the custom component, consider using Phrasing content. Do not use Interactive content.

fillMode?

"null" | "link" | "flat" | "solid" | "outline" | "clear"

'solid'

Configures the fillMode of the Button. See Button Appearance.

icon?

string

Defines the name for an existing icon in a KendoReact theme (see example). The icon renders inside the Button by a span.k-icon element.

iconClass?

string

Defines a CSS class — or multiple classes separated by spaces — which apply to a span element inside the Button (see example). Allows you to use custom icons.

iconSize?

"null" | "small" | "large" | "medium"

'medium'

Configures the size of the SVG icon that displays inside the Button.

imageAlt?

string

Defines the alternative text of the image that renders inside the Button component.

imageUrl?

string

Defines a URL which is used as an img element inside the Button (see example). The URL can be relative or absolute. If relative, it evaluates in relation to the URL of the web page.

rounded?

"null" | "small" | "large" | "medium" | "full"

'medium'

Configures the roundness of the Button. See Button Appearance.

selected?

boolean

Sets the selected state of the Button. You can use this for controlled mode.

size?

"null" | "small" | "large" | "medium"

'medium'

Configures the size of the Button. See Button Appearance.

startIcon?

React.ReactNode

Sets an SVG icon or custom element before the content of the Button. For the custom component, consider using Phrasing content. Do not use Interactive content.

svgIcon?

SVGIcon

Defines the SVG icon that renders inside the Button component.

themeColor?

"null" | "base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse"

'base'

Configures the themeColor of the Button. See Button Appearance.

title?

string

Sets the title HTML attribute of the Button.

togglable?

boolean

false

Provides visual styling that shows if the Button is selected (see example).

unstyled?

ButtonsClassStructure

The unstyled option classes.

Not finding the help you need?
Contact Support