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

Color Picker

A native color selection control with optional alpha and dialog presentation.

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
color_picker "#b7ff5a", label: "Accent", show_alpha: true
API

Component properties

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

colorColor configuration for Color Picker.property
labelLabel configuration for Color Picker.property
titleTitle configuration for Color Picker.property
openedOpened configuration for Color Picker.property
show_alphaShow alpha configuration for Color Picker.property
no_buttonsNo buttons configuration for Color Picker.property
native_dialogNative dialog configuration for Color Picker.property
widthWidth configuration for Color Picker.property
heightHeight configuration for Color Picker.property
enabledEnabled configuration for Color Picker.property
foregroundForeground configuration for Color Picker.property
backgroundBackground configuration for Color Picker.property
border_colorBorder color configuration for Color Picker.property
radiusRadius configuration for Color Picker.property
font_familyFont family configuration for Color Picker.property
font_sizeFont size configuration for Color Picker.property
visibleVisible configuration for Color Picker.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.

inputNative event payload
changeNative event payload
acceptNative event payload
rejectNative event payload
openNative event payload
closeNative event payload