FloatingButton QML Type

This component is a button that can be displayed at the bottom of a page. More...

Import Statement: import org.kde.kirigamiaddons.components

Properties

Detailed Description

 import QtQuick
 import QtQuick.Controls as QQC2
 import org.kde.kirigami as Kirigami
 import org.kde.kirigamiaddons.components as KirigamiComponents

 Kirigami.ScrollablePage {
     ListView {
         model: []
         delegate: QQC2.ItemDelegate {}

         KirigamiComponents.FloatingButton {
             anchors {
                 right: parent.right
                 bottom: parent.bottom
             }
             margins: Kirigami.Units.largeSpacing

             action: Kirigami.Action {
                 text: "Add new item"
                 icon.name: "list-add"
             }
         }
     }
 }

Property Documentation

bottomMargin : real [default: 0]

Extra clickable area that adjusts both paddings and insets.


leftMargin : real [default: 0]

Extra clickable area that adjusts both paddings and insets.


margins : real [default: 0]

Extra clickable area that adjusts both paddings and insets.


rightMargin : real [default: 0]

Extra clickable area that adjusts both paddings and insets.


topMargin : real [default: 0]

Extra clickable area that adjusts both paddings and insets.