text:qsTr("A modal bottom drawer will span for the whole application window width and will darken the rest of the app. Clicking on a darkened will dismiss the drawer.")
}
Controls.Button{
Layout.alignment:Qt.AlignRight
text:qsTr("Close")
onClicked:modalBottomDrawer.close()
}
}
}
Kirigami.OverlayDrawer{
id:inlineBottomDrawer
edge:Qt.BottomEdge
modal:false
contentItem:ColumnLayout{
Controls.Label{
Layout.fillWidth:true
wrapMode:Text.WordWrap
text:qsTr("An inline bottom drawer...")
text:qsTr("An inline top drawer covers the whole application width but lets the uncovered pieces to still be interacted with.")
}
Controls.Button{
Layout.alignment:Qt.AlignRight
text:qsTr("Close")
onClicked:inlineBottomDrawer.close()
}
}
}
Kirigami.OverlayDrawer{
id:modalTopDrawer
edge:Qt.TopEdge
contentItem:ColumnLayout{
Controls.Label{
Layout.fillWidth:true
wrapMode:Text.WordWrap
text:qsTr("A modal top drawer will span for the whole application window width and will darken the rest of the app. Clicking on the darkened area will dismiss the drawer.")
}
Controls.Button{
Layout.alignment:Qt.AlignRight
text:qsTr("Close")
onClicked:modalTopDrawer.close()
}
}
}
Kirigami.OverlayDrawer{
id:inlineTopDrawer
edge:Qt.TopEdge
modal:false
contentItem:ColumnLayout{
Controls.Label{
Layout.fillWidth:true
wrapMode:Text.WordWrap
text:qsTr("An inline bottom drawer covers the whole application width but lets the uncovered pieces to still be interacted with.")