Navigation and structure
Container
Native Qt
Drawer
Drawer is a native Zui container in the navigation and structure catalog, with 18 component-specific properties.
Usage
Ruby example
Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.
drawer opened: true, edge: :left, width: 320, modal: true do
column(spacing: 12) { label "Navigation" }
end
API
Component properties
18 component-specific values, plus shared item and layout properties.
openedOpened configuration for Drawer.propertyedgeEdge configuration for Drawer.propertymodalModal configuration for Drawer.propertydimDim configuration for Drawer.propertyinteractiveInteractive configuration for Drawer.propertydrag_marginDrag margin configuration for Drawer.propertyclose_policyClose policy configuration for Drawer.propertylayoutLayout configuration for Drawer.propertyspacingSpacing configuration for Drawer.propertypaddingPadding configuration for Drawer.propertywidthWidth configuration for Drawer.propertyheightHeight configuration for Drawer.propertyenabledEnabled configuration for Drawer.propertybackgroundBackground configuration for Drawer.propertyforegroundForeground configuration for Drawer.propertyborder_colorBorder color configuration for Drawer.propertyradiusRadius configuration for Drawer.propertyvisibleVisible configuration for Drawer.propertyShow 13 shared item properties
opacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction
Events
Subscribe with on widget, :event and keep behavior in Ruby.
↗
openNative event payload↗
closeNative event payload↗
about_to_showNative event payload↗
about_to_hideNative event payload↗
position_changeNative event payload↗
showNative event payload↗
hideNative event payload↗
focusNative event payload↗
blurNative event payload