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