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

Tab Button

Tab Button is a native Zui component 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
tab_button("Overview", icon: :house, checked: true) { puts "Overview selected" }
API

Component properties

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

textText configuration for Tab Button.property
checkedChecked configuration for Tab Button.property
enabledEnabled configuration for Tab Button.property
iconIcon configuration for Tab Button.property
icon_sourceIcon source configuration for Tab Button.property
icon_colorIcon color configuration for Tab Button.property
icon_widthIcon width configuration for Tab Button.property
icon_heightIcon height configuration for Tab Button.property
shortcutShortcut configuration for Tab Button.property
auto_exclusiveAuto exclusive configuration for Tab Button.property
widthWidth configuration for Tab Button.property
heightHeight configuration for Tab Button.property
backgroundBackground configuration for Tab Button.property
checked_backgroundChecked background configuration for Tab Button.property
foregroundForeground configuration for Tab Button.property
checked_foregroundChecked foreground configuration for Tab Button.property
mutedMuted configuration for Tab Button.property
accentAccent configuration for Tab Button.property
border_colorBorder color configuration for Tab Button.property
border_widthBorder width configuration for Tab Button.property
radiusRadius configuration for Tab Button.property
font_familyFont family configuration for Tab Button.property
font_sizeFont size configuration for Tab Button.property
visibleVisible configuration for Tab Button.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
↗changeNative event payload
↗toggleNative event payload
↗pressNative event payload
↗releaseNative event payload
↗hoverNative event payload
↗focusNative event payload
↗blurNative event payload
↗errorNative event payload