New to Kendo UI for AngularStart a free 30-day trial

DialItem

Interface

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

Definition

Package:@progress/kendo-angular-buttons

Properties

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.

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 set, the icon is rendered inside the dial item by a span.k-icon element instead of the default numeric or text content.

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.

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.

label?

string

Specifies the text content of the dial item label.

svgIcon?

SVGIcon

Defines an SVGIcon to render within the dial item.