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

FloatingActionButton

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

Import Statement: import Felgo 3.0
Since: Felgo 2.9.2
Inherits:

Item

Properties

Signals

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

clicked()

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