Kendo UI for Angular FloatingActionButton Overview
The FloatingActionButton specifies the primary or the most common action in an application.
The following example demonstrates the FloatingActionButton in action.
Example
View Source
Change Theme:
Key Features
- Disabled FloatingActionButton—You can use the configuration options of the FloatingActionButton to disable the component so that users are not able to interact with it.
- Icon FloatingActionButton—The FloatingActionButton enables you to display various types of icons including the built-in Kendo UI icons as well as FontAwesome and image icons.
- Positioning—You can align and position the FloatingActionButton in relation to a web page, an HTML element, or an Angular Component.
- Dial items—You can display a stack of related sub-actions when the FloatingActionButton is clicked.
- Controlling the open state—You can control the state of the FloatingActionButton Dial items list by configuring their initial state and preventing the
openandcloseevents. - Templates—You can define templates to display custom content or customize the appearance of the FloatingActionButton Dial items list.
- Appearance—The FloatingActionButton delivers ready-to-use, predefined sets of styling options.
- Globalization—All Kendo UI for Angular Buttons provide globalization options.
- Accessibility—The FloatingActionButton is accessible for screen readers and supports WAI-ARIA attributes.
- Keyboard navigation—The FloatingActionButton supports a number of keyboard shortcuts for processing various commands.
Support and Learning Resources
- FloatingActionButton Homepage
- Getting Started with the Kendo UI for Angular Buttons
- API Reference of the FloatingActionButton
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- FloatingActionButton Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base
