zui docs v0.0.5
GitHub ↗
Foundation and layout Container Native Qt

Focus Scope

Focus Scope is a native Zui container in the foundation and layout catalog, with 5 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
focus_scope focus: true, width: 420, height: 160 do
  text_field "", placeholder: "Keyboard focus starts here"
end
API

Component properties

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

focusFocus configuration for Focus Scope.property
active_focusActive focus configuration for Focus Scope.property
widthWidth configuration for Focus Scope.property
heightHeight configuration for Focus Scope.property
visibleVisible configuration for Focus Scope.property
Show 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

clickNative event payload
focusNative event payload
blurNative event payload