BottomSheetGrid Class Reference

A sheet of paper with actions and an optional title that slides up from the bottom. More...

Inheritance diagram for BottomSheetGrid:

Collaboration diagram for BottomSheetGrid:

Detailed Description

A sheet of paper with actions and an optional title that slides up from the bottom.

A sheet of paper that displays actions in a grid and an optional title that slides up from the bottom edge of the screen and presents a set of clear and simple actions.

import QtQuick
import QtQuick.Controls
import Fluid as Fluid
 
Item {
    Fluid.Button {
        anchors.centerIn: parent
        text: qsTr("Press Me")
        onClicked: gridBottomSheet.open()
    }
 
    Fluid.BottomSheetGrid {
        id: gridBottomSheet
        actions: [
            Fluid.Action {
                text: qsTr("Folder")
                icon.source: Fluid.Utils.iconUrl("file/folder")
            },
            Fluid.Action {
                text: qsTr("New Folder")
                icon.source: Fluid.Utils.iconUrl("file/create_new_folder")
            },
            Fluid.Action {
                text: qsTr("Shared Folder")
                icon.source: Fluid.Utils.iconUrl("file/folder_shared")
            },
            Fluid.Action {
                text: qsTr("Cloud")
                icon.source: Fluid.Utils.iconUrl("file/cloud")
            },
            Fluid.Action {
                text: qsTr("Email Attachment")
                icon.source: Fluid.Utils.iconUrl("file/attachment")
            },
            Fluid.Action {
                text: qsTr("Upload")
                icon.source: Fluid.Utils.iconUrl("file/file_upload")
            },
            Fluid.Action {
                text: qsTr("Placeholder 1")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 2")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 3")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 4")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 5")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 6")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 7")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 8")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 9")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 10")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 11")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 12")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 13")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 14")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 15")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 16")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 17")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 18")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 19")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            },
            Fluid.Action {
                text: qsTr("Placeholder 20")
                icon.source: Fluid.Utils.iconUrl("file/cloud_done")
            }
        ]
    }
}

For more information you can read the Material Design guidelines.

---

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

• /home/runner/work/docs/docs/fluid/src/imports/controls/qml/BottomSheetGrid.qml