BottomSheetList QML Type | Fluid Reference Documentation

- Fluid Reference Documentation
- Fluid 1.0.0

# 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

- List of all members, including inherited members

## Properties

- actions : Action
- title : string

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