Kendo UI for Angular FloatingActionButton Overview

The FloatingActionButton specifies the primary or the most common action in an application.

The FloatingActionButton Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the FloatingActionButton in action.

View Source
Change Theme:

Key Features

  • Disabled FloatingActionButtonYou can use the configuration options of the FloatingActionButton to disable the component so that users are not able to interact with it.
  • Icon FloatingActionButtonThe FloatingActionButton enables you to display various types of icons including the built-in Kendo UI icons as well as FontAwesome and image icons.
  • PositioningYou can align and position the FloatingActionButton in relation to a web page, an HTML element, or an Angular Component.
  • Dial itemsYou can display a stack of related sub-actions when the FloatingActionButton is clicked.
  • Controlling the open stateYou can control the state of the FloatingActionButton Dial items list by configuring their initial state and preventing the open and close events.
  • TemplatesYou can define templates to display custom content or customize the appearance of the FloatingActionButton Dial items list.
  • AppearanceThe FloatingActionButton delivers ready-to-use, predefined sets of styling options.
  • GlobalizationAll Kendo UI for Angular Buttons provide globalization options.
  • AccessibilityThe FloatingActionButton is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe FloatingActionButton supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?