zui docs v0.0.5
GitHub ↗
Navigation and structure Container Native Qt

Frame

Frame 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.

Ruby
frame padding: 16, border_color: "#3a3a42", radius: 12 do
  image "assets/preview.png", width: 320, height: 180
end
API

Component properties

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

layoutLayout configuration for Frame.property
spacingSpacing configuration for Frame.property
paddingPadding configuration for Frame.property
left_paddingLeft padding configuration for Frame.property
right_paddingRight padding configuration for Frame.property
top_paddingTop padding configuration for Frame.property
bottom_paddingBottom padding configuration for Frame.property
widthWidth configuration for Frame.property
heightHeight configuration for Frame.property
enabledEnabled configuration for Frame.property
backgroundBackground configuration for Frame.property
foregroundForeground configuration for Frame.property
border_colorBorder color configuration for Frame.property
border_widthBorder width configuration for Frame.property
radiusRadius configuration for Frame.property
layout_directionLayout direction configuration for Frame.property
clipClip configuration for Frame.property
visibleVisible configuration for Frame.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.

clickNative event payload
showNative event payload
hideNative event payload
focusNative event payload
blurNative event payload