Menus, dialogs, and feedback Container Native Qt

Bottom Sheet

Bottom Sheet is a native Zui container in the menus, dialogs, and feedback catalog, with 28 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

bottom_sheet opened: true, height: 280, modal: true do
  panel_hero "Export build", detail: "Choose a destination"
end

API

Component properties

28 component-specific values, plus shared item and layout properties.

openedOpened configuration for Bottom Sheet.property

modalModal configuration for Bottom Sheet.property

dimDim configuration for Bottom Sheet.property

dismissibleDismissible configuration for Bottom Sheet.property

draggableDraggable configuration for Bottom Sheet.property

close_policyClose policy configuration for Bottom Sheet.property

layoutLayout configuration for Bottom Sheet.property

spacingSpacing configuration for Bottom Sheet.property

paddingPadding configuration for Bottom Sheet.property

widthWidth configuration for Bottom Sheet.property

heightHeight configuration for Bottom Sheet.property

max_widthMax width configuration for Bottom Sheet.property

marginMargin configuration for Bottom Sheet.property

handle_visibleHandle visible configuration for Bottom Sheet.property

handle_widthHandle width configuration for Bottom Sheet.property

handle_heightHandle height configuration for Bottom Sheet.property

dismiss_thresholdDismiss threshold configuration for Bottom Sheet.property

animatedAnimated configuration for Bottom Sheet.property

durationDuration configuration for Bottom Sheet.property

easingEasing configuration for Bottom Sheet.property

enabledEnabled configuration for Bottom Sheet.property

backgroundBackground configuration for Bottom Sheet.property

foregroundForeground configuration for Bottom Sheet.property

mutedMuted configuration for Bottom Sheet.property

accentAccent configuration for Bottom Sheet.property

border_colorBorder color configuration for Bottom Sheet.property

radiusRadius configuration for Bottom Sheet.property

visibleVisible configuration for Bottom 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

↗about_to_showNative event payload

↗about_to_hideNative event payload

↗showNative event payload

↗hideNative event payload

↗focusNative event payload

↗blurNative event payload

↗dragNative event payload

↗drag_endNative event payload

↗dismissNative event payload