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.

Kendo UI for jQuery Kendoka image

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.

Kendo UI for jQuery FloatingActionButton Overview

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

See Also

In this article