Drawer

Fluent styled Drawer.

import QtQuick.Controls.QWinUI3 · src/style/QWinUI3/Drawer.qml

Category: Styled controls · Library: v2.80

← Component index

Gallery: Drawer — src/gallery/pages/DrawerPage.qml

Example

Drawer {
    id: drawer
    edge: Qt.LeftEdge
    width: Theme.dp(320)
    title: qsTr("Menu")
    Label { text: qsTr("Menu") }
}
drawer.open()

Notes

Style-only Fluent chrome for Qt Quick Controls Drawer. Qt Drawer only slides via position — it does not auto-set height/width to the window edge. Side drawers bind height to Overlay; top/bottom bind width. Enter/exit must use SmoothedAnimation on position (not x/y/opacity). Parent must stay on the window Overlay: page-local overlay slots (e.g. Gallery CatalogPage) reparent children and would otherwise clip the drawer to the pane. Overlay size / DPI changes re-assert full-edge span. title draws a pane caption; showHandle paints an edge grabber. Accessible is on the background Item (Popup is not an Item).

API

Properties

Name	Type	Description
title	string	Optional pane title drawn above content
showHandle	bool	Edge grabber affordance

Signals

No custom signals (use inherited signals from the base type).

Methods

No custom methods (use inherited methods from the base type).

---

Generated from module sources by scripts/generate_component_docs.py — do not edit by hand.