Liri Fluid API

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:

BottomSheet

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.


title : string

Title.