Components / Buttons / API / DialItem /

New to Kendo UI for Angular? Start a free 30-day trial

DialItem

An interface for the dial items of the FloatingActionButton (see example).

Name	Type	Description
cssClass?	`string`	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`.
cssStyle?	`any`	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`.
disabled?	`boolean`	Specifies whether the dial item is disabled.
icon?	`string`	Defines the name of an existing icon in a Kendo UI theme. If provided, the icon will be rendered inside the dial item by a `span.k-icon` element, instead of the default numeric or text content.
iconClass?	`string`	Defines a CSS class or multiple classes separated by spaces which are applied to a span element. Allows the usage of custom icons, rendered inside the dial item instead of the default numeric or text content.
itemTitle?	`string`	Specifies the `title` attribute of the dial item. If provided, the `title` value will be rendered in `aria-label` attribute on the element of the dial item.
label?	`string`	Specifies the text content of the dial item label.
svgIcon?	`SVGIcon`	Defines an `SVGIcon` to be rendered within the dial item.