Kendo UI for Vue
The Kendo UI for Vue FloatingActionButton presents the user with the most primary action on a screen by appearing in front of all other content. When clicked, it shows additional options on a dial. It is commonly used to create new items, such as emails or records.
You can enhance the textual content of the Vue Floating Action Button by adding a predefined or custom icon to it. Choose an icon from our icon libraries like FontAwesome or upload a custom image.
Make the Vue Floating Action Button fit into any design with a huge array of options such as theme colors, shapes, and size. You can also control positioning with settings for fixed/absolute, alignment, and offset. Additionally, your default theme will automatically be applied.
The dial is an integral part of the Vue Floating Action Button. When clicked, it displays a collection of related items. You can control the disabled/enabled state, dial animation, and display overlay.
With the FloatingActionButton component, you can control the open state of by determining the initial state and preventing open and close.
The FloatingActionButton supports keyboard navigation such as up and down arrow to navigate through the items and open and close the popup.
The Kendo UI for Vue FloatingActionButton is WAI-ARIA and Section 508 compliant.