FloatingActionButtonComponent

Specifies the horizontal and vertical alignment of the FloatingActionButton (see example).

The possible values are:

• { horizontal: 'start'|'center'|'end', vertical: 'top'|'middle'|'bottom' }

The default value is:

• { horizontal: 'end', vertical: 'bottom' }

The CSS classes that will be rendered on the main button. Supports the type of values that are supported by ngClass.

The CSS classes that will be rendered on the dial items ul element. Supports the type of values that are supported by ngClass.

Specifies the animation settings of the FloatingActionButton dial items. (see example).

The possible values are:

• Boolean
  • (Default) true—Applies the default DialItemAnimation settings.
  • false
• DialItemAnimation
  • duration—Specifies the animation duration in milliseconds for each dial item. Defaults to 180ms.
  • gap—Specifies the animation duration gap in milliseconds after each dial item is animated. Defaults to 90ms.

Specifies the collection of the dial items that will be rendered in the FloatingActionButton popup.

Specifies whether the FloatingActionButton is disabled.

Defines the name of an existing icon in a Kendo UI theme. If provided, the icon will be rendered inside the FloatingActionButton by a span.k-icon element.

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 FloatingActionButton by a span element.

Specifies the horizontal and vertical offset position of the FloatingActionButton (see example).

• The default value is:
• { x: '16px', y: '16px' }

Specifies the positionMode of the FloatingActionButton (see example).

• The possible values are:
• absolute—Positions the FloatingActionButton absolutely to its first positioned parent element.
• fixed (Default)—Positions the FloatingActionButton relative to the viewport. It always stays in the same place even if the page is scrolled.

The rounded property specifies the border radius of the FloatingActionButton.

The possible values are:

• small
• medium
• large
• full (default)
• none

Specifies the size of the FloatingActionButton (see example).

The possible values are:

• small
• medium (Default)
• large
• none

Defines an SVGIcon to be rendered within the FloatingActionButton.

Specifies the tabIndex of the FloatingActionButton.

Specifies the text content of the FloatingActionButton.

Specifies the theme color of the FloatingActionButton (see example). The theme color will be applied as background color of the component.

The possible values are:

• primary (Default)—Applies coloring based on the primary theme color.
• secondary—Applies coloring based on the secondary theme color.
• tertiary— Applies coloring based on the tertiary theme color.
• info—Applies coloring based on the info theme color.
• success— Applies coloring based on the success theme color.
• warning— Applies coloring based on the warning theme color.
• error— Applies coloring based on the error theme color.
• dark— Applies coloring based on the dark theme color.
• light— Applies coloring based on the light theme color.
• inverse— Applies coloring based on the inverse theme color.
• none— Removes the built in theme color.