DoubleFloatingButton QML Type

This component allows to display two buttons at the bottom of a page. More...

Import Statement: import org.kde.kirigamiaddons.labs.components

Properties

Detailed Description

import QtQuick 2.15
import QtQuick.Controls 2.15 as QQC2
import org.kde.kirigami 2.20 as Kirigami
import org.kde.kirigamiaddons.components 1.0 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.