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

Items

The FloatingActionButton items provide configuration options for handling their properties and overriding their default rendering.

Normally, the items are positioned either above or below the floating button without getting outside the container's boundary. For example, if the button is aligned at bottom position, the items will appear above it. In all other cases, the items will appear below.

All floating button items that have both icon and text label will render their icon closer to the container's boundary. For example, if the button is aligned at top-left, the icon will be rendered first, then the text.

Floating buttons at the end position of the container have a slightly different items layout. The text will render first, then the icon. In RTL,

The items icon will be centered relative to the icon button.

Functionality and Features

In this article

Not finding the help you need?