BottomSheet QML Type
A sheet of paper that slides up from the bottom. More...
Import Statement: | import Fluid.Controls 1.1 |
Inherited By: |
Properties
- maxHeight : int
Detailed Description
A sheet of paper 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 QtQuick.Controls.Material 2.3 import Fluid.Controls 1.0 as FluidControls Item { Button { anchors.centerIn: parent text: qsTr("Press Me") onClicked: customBottomSheet.open() } FluidControls.BottomSheet { id: customBottomSheet Column { width: parent.width Pane { width: parent.width padding: 16 Column { spacing: 8 FluidControls.TitleLabel { text: "freedom" } FluidControls.BodyLabel { text: "/ˈfriːdəm/" color: Material.secondaryTextColor } } Material.background: Material.color(Material.Yellow, Material.Shade800) } Pane { width: parent.width implicitHeight: 100 padding: 16 Column { FluidControls.SubheadingLabel { text: "noun" color: Material.secondaryTextColor } FluidControls.BodyLabel { text: "the right to live in the way you want without being controlled by anyone else" } } } } } }
For more information you can read the Material Design guidelines.
Property Documentation
maxHeight : int |
Maximum height of the bottom sheet.
By default it's set to the height of the ApplicationWindow
minus AppBar
height.