Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business


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

Import Statement: import Felgo 4.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

 App {
   NavigationStack {

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

       FloatingActionButton {
         iconType: 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.

iconColor : alias

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

iconItem : alias

The AppIcon item within the FloatingActionButton.

iconType : alias

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

Note: This property was renamed from icon in Felgo 4.0.0. This is because many types already inherit a property AbstractButton::icon from Qt Quick Controls 2.

Signal Documentation


This signal is emitted when the FloatingActionButton is clicked.

Note: The corresponding handler is onClicked.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded