A material-design styled floating action button. More...

Import Statement: import Felgo 3.0
Since: Felgo 2.9.2



Detailed Description

This item provides a clickable action button with a custom icon.

Note: The button is only visible on Android by default, set visible to true to also show it on other platforms.

Example Usage

 import Felgo 3.0

 App {
   NavigationStack {

     // Page with FloatingActionButton
     Page {
       title: "ActionButton Example"

       FloatingActionButton {
         icon: IconType.home
         onClicked: console.log("FloatingActionButton Clicked")
         visible: true // show on all platforms, default is only Android


Note: The FloatingActionButton is automatically anchored at the bottom-right of it's parent item. To position the item manually, set its anchors.bottom and anchors.right properties to undefined.

Property Documentation

backgroundColor : alias

The background color of the button. Matches Theme.navigationBar.itemColor by default.

icon : alias

The icon of the FloatingActionButton, the default icon is IconType.star.

iconColor : alias

The color of the icon. Matches Theme.navigationBar.itemColor by default.

iconItem : alias

The Icon item within the FloatingActionButton.

Signal Documentation


This signal is emitted when the FloatingActionButton is clicked.

Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
create apps
create games
cross platform
native performance
3rd party services
game network
level editor
easiest to learn
biggest time saving
best support