Navigation and structure Native Qt

Tab Bar

Tab Bar is a native Zui component in the navigation and structure catalog, with 18 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_bar [{ text: "Overview", icon: :house }, { text: "Activity", icon: :clock }], current_index: 0

API

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

itemsItems configuration for Tab Bar.property

current_indexCurrent index configuration for Tab Bar.property

positionPosition configuration for Tab Bar.property

spacingSpacing configuration for Tab Bar.property

tab_widthTab width configuration for Tab Bar.property

widthWidth configuration for Tab Bar.property

heightHeight configuration for Tab Bar.property

enabledEnabled configuration for Tab Bar.property

backgroundBackground configuration for Tab Bar.property

foregroundForeground configuration for Tab Bar.property

mutedMuted configuration for Tab Bar.property

accentAccent configuration for Tab Bar.property

border_colorBorder color configuration for Tab Bar.property

radiusRadius configuration for Tab Bar.property

font_familyFont family configuration for Tab Bar.property

font_sizeFont size configuration for Tab Bar.property

layout_directionLayout direction configuration for Tab Bar.property

visibleVisible configuration for Tab Bar.property

Show 13 shared item properties

opacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

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

↗inputNative event payload

↗changeNative event payload

↗tab_clickNative event payload

↗showNative event payload

↗hideNative event payload

↗focusNative event payload

↗blurNative event payload