Drawer QML Type

A styled slide-in drawer panel with Fluent Design theming. More...

Import Statement: import FluentUI 1.0

List of all members, including inherited members

Properties

contentItem : Item
dimming : real
edge : enumeration
modal : bool
position : real

Detailed Description

Drawer is a QML component that extends QtQuick.Controls.Drawer with Fluent Design theme support. It provides a slide-in panel that can be opened from any edge of the window, with themed background, elevation shadow, and dimming overlay.

Usage Example

 import QtQuick
 import FluentUI

 Drawer {
     edge: Qt.LeftEdge
     width: 300
     height: parent.height

     Label {
         text: "Drawer content"
         anchors.centerIn: parent
     }
 }

See also QtQuick.Controls.Drawer.

Property Documentation

contentItem : Item

The content item of the drawer. This property is inherited from QtQuick.Controls.Drawer.

dimming : real

The opacity of the dimming overlay behind the drawer when open, ranging from 0.0 to 1.0. The default value is theme-dependent.

edge : enumeration

The edge from which the drawer slides in. Can be Qt.LeftEdge, Qt.RightEdge, Qt.TopEdge, or Qt.BottomEdge. This property is inherited from QtQuick.Controls.Drawer.

Whether the drawer is modal, blocking input to the underlying content when open. This property is inherited from QtQuick.Controls.Drawer.

position : real

The current position of the drawer as a fraction of its full extent, ranging from 0.0 (closed) to 1.0 (open). This property is inherited from QtQuick.Controls.Drawer.

Contents