FloatingActionButton Customization
The FloatingActionButton provides options for customizing the behavior of its popup and the rendering of its popup items.
The component enables you to:
Popup Behavior
The FloatingActionButton allows you to configure its popup through the popupSettings property. You can control the popup animation with animate, or add a CSS class for styling the popup with popupClass.
The following demo shows how to configure popup animation and add a CSS class to the popup.
Item Templates
To replace the default content of all popup items, use the item slot. The slot receives the item props, including the item data as dataItem and its position as index, and Kendo UI for Vue renders the slot content in place of the generated list item.
The following demo renders custom contact details inside each popup item.