BottomSheetList QML Type
A sheet of paper with actions and an optional title that slides up from the bottom. More...
Import Statement: | import Fluid.Controls 1.0 |
Inherits: |
Properties
Detailed Description
A sheet of paper that displays actions in a list 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 2.10 import QtQuick.Controls 2.3 import Fluid.Core 1.0 as FluidCore import Fluid.Controls 1.0 as FluidControls Item { Button { anchors.centerIn: parent text: qsTr("Press Me") onClicked: gridBottomSheet.open() } FluidControls.BottomSheetList { id: listBottomSheet title: qsTr("Save As") actions: [ FluidControls.Action { text: qsTr("Folder") icon.source: FluidCore.Utils.iconUrl("file/folder") }, FluidControls.Action { text: qsTr("New Folder") icon.source: FluidCore.Utils.iconUrl("file/create_new_folder") }, FluidControls.Action { text: qsTr("Shared Folder") icon.source: FluidCore.Utils.iconUrl("file/folder_shared") }, FluidControls.Action { text: qsTr("Cloud") icon.source: FluidCore.Utils.iconUrl("file/cloud") }, FluidControls.Action { text: qsTr("Email Attachment") icon.source: FluidCore.Utils.iconUrl("file/attachment") }, FluidControls.Action { text: qsTr("Upload") icon.source: FluidCore.Utils.iconUrl("file/file_upload") } ] } }
For more information you can read the Material Design guidelines.
Property Documentation
actions : Action |
Actions to display in the bottom sheet.