@progress/kendo-angular-buttons
Version:
Buttons Package for Angular
49 lines (48 loc) • 2.08 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { SVGIcon } from "@progress/kendo-svg-icons";
/**
* An interface for the dial items of the FloatingActionButton
* ([see example]({% slug dialitems_floatingactionbutton %}#dial-items)).
*/
export interface DialItem {
/**
* The CSS classes that will be rendered on the item element of the FloatingActionButton dial.
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
*/
cssClass?: string;
/**
* The CSS styles that will be rendered on the item element of the FloatingActionButton dial.
* Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
*/
cssStyle?: any;
/**
* Specifies whether the dial item is disabled.
*/
disabled?: boolean;
/**
* Defines the name of an existing icon in a Kendo UI theme.
* If set, the icon is rendered inside the dial item by a `span.k-icon` element instead of the default numeric or text content.
*/
icon?: string;
/**
* Defines a CSS class or multiple classes separated by spaces applied to a `span` element.
* Enables the use of custom icons rendered inside the dial item instead of the default numeric or text content.
*/
iconClass?: string;
/**
* Defines an [`SVGIcon`](slug:api_icons_svgicon) to render within the dial item.
*/
svgIcon?: SVGIcon;
/**
* Specifies the `title` attribute of the dial item.
* If set, the `title` value is rendered in the `aria-label` attribute on the dial item's element.
*/
itemTitle?: string;
/**
* Specifies the text content of the dial item label.
*/
label?: string;
}