Tour Preview

Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!


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

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.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded