KendoReact FloatingActionButton Overview

The FloatingActionButton is used to specify the primary or the most common action in an application.

The KendoReact FloatingActionButton is distributed through the kendo-react-buttons NPM package.

The FloatingActionButton Component is part of KendoReact, a professional UI components library designed and built from the ground up for React to make developers more productive. To try it out, sign up for a free 30-day trial.

The following example demonstrates the FloatingActionButton in action.

View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Disabled FloatingActionButtonYou can easily render a disabled FloatingActionButton and prevent end-users from interacting with it.
  • Content TypesThe FloatingActionButton allows you to specify the visual content of the rendered button.
  • PositioningYou can take advantage of various positioning options.
  • AppearanceThe FloatingActionButton comes with many predefined shapes, sizes, and theme colors.
  • ItemsYou can customize the FloatingActionButton items through the available configuration options.
  • Keyboard NavigationThe FloatingActionButton supports various keyboard shortcuts.
  • AccessibilityThe FloatingActionButton is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?