Pages

API Documentation

• User Documentation
• Developer Documentation
• API Documentation

Search API documentation

On this page

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

#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

#[default: 0] bottomMargin : real

Extra clickable area that adjusts both paddings and insets.

#[default: 0] leftMargin : real

Extra clickable area that adjusts both paddings and insets.

#[default: 0] margins : real

Extra clickable area that adjusts both paddings and insets.

#[default: 0] rightMargin : real

Extra clickable area that adjusts both paddings and insets.

#[default: 0] topMargin : real

Extra clickable area that adjusts both paddings and insets.