Overview
The FloatingActionButton is a UI component that is tied to the most logical action that we expect from a user looking at a particular screen. For example, the most logical action for a user looking at the main screen of a mobile messaging app is to write a message. You can implement a FloatingActionButton that allows the user to compose a new message.
The FloatingActionButton floats in the application above other items, and its main action directly corresponds to the content on the screen. Apart from being a single button with a single action, the FloatingActionButton can also be configured to display additional related actions or speed dial actions.
The FloatingActionButton is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Functionality and Features
- Alignment—The FloatingActionButton provides options that allow you to manipulate the position of the component.
- Appearance—You can set the size, color, icon, and text of the FloatingActionButton by using the built-in appearance options.
- Templates—The item templates allow you to control the rendering of the items in the FloatingActionButton popup.
- Accessibility—The component is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.
Next Steps
- Getting Started with the Kendo UI FloatingActionButton for jQuery
- Appearance of the FloatingActionButton
- Templates in the FloatingActionButton