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

Group Box

Group Box is a native Zui container in the navigation and structure catalog, with 24 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
group_box "Connection", padding: 18, spacing: 10 do
  text_field "localhost", placeholder: "Host"
  number_field 3000, label: "Port"
end
API

Component properties

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

titleTitle configuration for Group Box.property
layoutLayout configuration for Group Box.property
spacingSpacing configuration for Group Box.property
paddingPadding configuration for Group Box.property
left_paddingLeft padding configuration for Group Box.property
right_paddingRight padding configuration for Group Box.property
top_paddingTop padding configuration for Group Box.property
bottom_paddingBottom padding configuration for Group Box.property
widthWidth configuration for Group Box.property
heightHeight configuration for Group Box.property
enabledEnabled configuration for Group Box.property
backgroundBackground configuration for Group Box.property
foregroundForeground configuration for Group Box.property
mutedMuted configuration for Group Box.property
border_colorBorder color configuration for Group Box.property
border_widthBorder width configuration for Group Box.property
radiusRadius configuration for Group Box.property
font_familyFont family configuration for Group Box.property
font_sizeFont size configuration for Group Box.property
title_sizeTitle size configuration for Group Box.property
title_alignmentTitle alignment configuration for Group Box.property
layout_directionLayout direction configuration for Group Box.property
clipClip configuration for Group Box.property
visibleVisible configuration for Group Box.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
title_changeNative event payload