DoubleFloatingButton QML Type

This component allows to display two buttons 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.DoubleFloatingButton {
             anchors {
                 right: parent.right
                 bottom: parent.bottom
                 margins: Kirigami.Units.largeSpacing
             }

             leadingAction: Kirigami.Action {
                 text: "Zoom Out"
                 icon.name: "list-remove"
             }

             trailingAction: Kirigami.Action {
                 text: "Zoom In"
                 icon.name: "list-add"
             }
         }
     }
 }

Property Documentation

bottomMargin : real [default: 0]

Extra clickable area that adjusts both paddings and insets.


leadingAction : Kirigami.Action

This property holds the leading action.


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.


trailingAction : Kirigami.Action

This property holds the trailing action.