/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import { SVGIcon } from '@progress/kendo-react-common'; /** * Inherits the native HTML Button. Represents the properties which can be set to a Button. */ export interface ButtonInterface { /** * Specifies if the Button is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/disabled-state)). * * @default false */ disabled?: boolean; /** * Sets the selected state of the Button. You can use this for controlled mode. */ selected?: boolean; /** * Provides visual styling that shows if the Button is selected ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/toggleable)). * * @default false */ togglable?: boolean; /** * Defines the name for an existing icon in a KendoReact theme ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). The icon renders inside the Button by a `span.k-icon` element. */ icon?: string; /** * Defines the SVG icon that renders inside the Button component. */ svgIcon?: SVGIcon; /** * Defines a CSS class — or multiple classes separated by spaces — which apply to a `span` element inside the Button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). Allows you to use custom icons. */ iconClass?: string; /** * Defines a URL which is used as an `img` element inside the Button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). The URL can be relative or absolute. If relative, it evaluates in relation to the URL of the web page. */ imageUrl?: string; /** * Defines the alternative text of the image that renders inside the Button component. */ imageAlt?: string; }