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.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.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.