DoubleFloatingButton Class Reference

Properties
real	bottomMargin
KirigamiAction	leadingAction
real	leftMargin
real	margins
real	rightMargin
real	topMargin
KirigamiAction	trailingAction

Detailed Description

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

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"
            }
        }
    }
}

Since

Kirigami Addons 0.11

Definition at line 47 of file DoubleFloatingButton.qml.

Property Documentation

bottomMargin

real DoubleFloatingButton::bottomMargin

read

Definition at line 70 of file DoubleFloatingButton.qml.

leadingAction

KirigamiAction DoubleFloatingButton::leadingAction

read

This property holds the leading action.

Definition at line 52 of file DoubleFloatingButton.qml.

leftMargin

real DoubleFloatingButton::leftMargin

read

Definition at line 66 of file DoubleFloatingButton.qml.

margins

real DoubleFloatingButton::margins

read

Definition at line 62 of file DoubleFloatingButton.qml.

rightMargin

real DoubleFloatingButton::rightMargin

read

Definition at line 68 of file DoubleFloatingButton.qml.

topMargin

real DoubleFloatingButton::topMargin

read

Definition at line 64 of file DoubleFloatingButton.qml.

trailingAction

KirigamiAction DoubleFloatingButton::trailingAction

read

This property holds the trailing action.

Definition at line 56 of file DoubleFloatingButton.qml.

---

The documentation for this class was generated from the following file:

• DoubleFloatingButton.qml