# Vue FloatingActionButton Overview The Kendo UI for Vue FloatingActionButton is used to specify the primary or the most common action in an application. ## Basic Usage The following example demonstrates the FloatingActionButton in action. [Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/floatingactionbutton/overview/source.txt) ## Functionality and Features * [Disabled FloatingActionButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/disabled) * [Content Types](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/content-types) * [Positioning](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/positioning) * [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/appearance) * [Controlling the Open State](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/open-state) * [Items](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/data-binding) * [Keyboard Navigation](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/keyboard-navigation) * [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/accessibility/wai-aria-support) ## Events The following example demonstrates the FloatingActionButton events. [Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/floatingactionbutton/events/source.txt) ## Support and Learning Resources * [FloatingActionButton Homepage](https://www.telerik.com/kendo-vue-ui/floatingactionbutton) * [API Reference of the FloatingActionButton Component](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops) * [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api) * [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api) * [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api) * [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api) * [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3) * [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) * [FloatingActionButton Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=floatingactionbutton) * [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/) * [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension) ## Additional Resources * [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue) * [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)