zui docs v0.0.5
GitHub ↗
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.

Ruby
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.property
openedOpened configuration for Modal Sheet.property
edgeEdge configuration for Modal Sheet.property
modalModal configuration for Modal Sheet.property
dimDim configuration for Modal Sheet.property
dismissibleDismissible configuration for Modal Sheet.property
close_policyClose policy configuration for Modal Sheet.property
show_headerShow header configuration for Modal Sheet.property
show_closeShow close configuration for Modal Sheet.property
widthWidth configuration for Modal Sheet.property
heightHeight configuration for Modal Sheet.property
max_widthMax width configuration for Modal Sheet.property
max_heightMax height configuration for Modal Sheet.property
marginMargin configuration for Modal Sheet.property
header_heightHeader height configuration for Modal Sheet.property
layoutLayout configuration for Modal Sheet.property
spacingSpacing configuration for Modal Sheet.property
paddingPadding configuration for Modal Sheet.property
animatedAnimated configuration for Modal Sheet.property
durationDuration configuration for Modal Sheet.property
easingEasing configuration for Modal Sheet.property
enabledEnabled configuration for Modal Sheet.property
backgroundBackground configuration for Modal Sheet.property
header_backgroundHeader background configuration for Modal Sheet.property
foregroundForeground configuration for Modal Sheet.property
mutedMuted configuration for Modal Sheet.property
accentAccent configuration for Modal Sheet.property
border_colorBorder color configuration for Modal Sheet.property
radiusRadius configuration for Modal Sheet.property
font_familyFont family configuration for Modal Sheet.property
font_sizeFont size configuration for Modal Sheet.property
title_sizeTitle size configuration for Modal Sheet.property
visibleVisible configuration for Modal Sheet.property
Show 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