zui docs v0.0.5
GitHub ↗
Buttons and input Native Qt

Number Field

A labeled numeric field with range, step, compact sizing, and change events.

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
number_field 8, label: "Workers", from: 1, to: 32, step: 1
API

Component properties

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

labelLabel configuration for Number Field.property
valueValue configuration for Number Field.property
fromFrom configuration for Number Field.property
toTo configuration for Number Field.property
stepStep configuration for Number Field.property
foregroundForeground configuration for Number Field.property
accentAccent configuration for Number Field.property
font_familyFont family configuration for Number Field.property
font_sizeFont size configuration for Number Field.property
field_widthField width configuration for Number Field.property
cursorCursor configuration for Number Field.property
Show 17 shared item properties
visibleenabledopacityscalerotationzwidthheightfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

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

changeNative event payload
hoverNative event payload