Menus, dialogs, and feedback
Container
Native Qt
Modal Sheet
Modal Sheet is a native Zui container in the menus, dialogs, and feedback catalog, with 33 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.
modal_sheet "Command palette", opened: true, width: 620 do
search_field "", suggestions: %w[Build Deploy Settings], live: true
end
API
Component properties
33 component-specific values, plus shared item and layout properties.
titleTitle configuration for Modal Sheet.propertyopenedOpened configuration for Modal Sheet.propertyedgeEdge configuration for Modal Sheet.propertymodalModal configuration for Modal Sheet.propertydimDim configuration for Modal Sheet.propertydismissibleDismissible configuration for Modal Sheet.propertyclose_policyClose policy configuration for Modal Sheet.propertyshow_headerShow header configuration for Modal Sheet.propertyshow_closeShow close configuration for Modal Sheet.propertywidthWidth configuration for Modal Sheet.propertyheightHeight configuration for Modal Sheet.propertymax_widthMax width configuration for Modal Sheet.propertymax_heightMax height configuration for Modal Sheet.propertymarginMargin configuration for Modal Sheet.propertyheader_heightHeader height configuration for Modal Sheet.propertylayoutLayout configuration for Modal Sheet.propertyspacingSpacing configuration for Modal Sheet.propertypaddingPadding configuration for Modal Sheet.propertyanimatedAnimated configuration for Modal Sheet.propertydurationDuration configuration for Modal Sheet.propertyeasingEasing configuration for Modal Sheet.propertyenabledEnabled configuration for Modal Sheet.propertybackgroundBackground configuration for Modal Sheet.propertyheader_backgroundHeader background configuration for Modal Sheet.propertyforegroundForeground configuration for Modal Sheet.propertymutedMuted configuration for Modal Sheet.propertyaccentAccent configuration for Modal Sheet.propertyborder_colorBorder color configuration for Modal Sheet.propertyradiusRadius configuration for Modal Sheet.propertyfont_familyFont family configuration for Modal Sheet.propertyfont_sizeFont size configuration for Modal Sheet.propertytitle_sizeTitle size configuration for Modal Sheet.propertyvisibleVisible configuration for Modal Sheet.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↗
dismissNative event payload↗
about_to_showNative event payload↗
about_to_hideNative event payload↗
showNative event payload↗
hideNative event payload↗
focusNative event payload↗
blurNative event payload