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

Tabs

A complete tabbed content container with native selection, position, and keyboard behavior.

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
tabs %w[Overview API Examples], current_index: 0 do
  text "Overview content"
  text "API content"
  text "Example content"
end
API

Component properties

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

labelsLabels configuration for Tabs.property
current_indexCurrent index configuration for Tabs.property
positionPosition configuration for Tabs.property
tab_widthTab width configuration for Tabs.property
tab_heightTab height configuration for Tabs.property
widthWidth configuration for Tabs.property
heightHeight configuration for Tabs.property
enabledEnabled configuration for Tabs.property
backgroundBackground configuration for Tabs.property
content_backgroundContent background configuration for Tabs.property
foregroundForeground configuration for Tabs.property
mutedMuted configuration for Tabs.property
accentAccent configuration for Tabs.property
border_colorBorder color configuration for Tabs.property
radiusRadius configuration for Tabs.property
font_familyFont family configuration for Tabs.property
font_sizeFont size configuration for Tabs.property
layout_directionLayout direction configuration for Tabs.property
visibleVisible configuration for Tabs.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
tab_clickNative event payload
showNative event payload
hideNative event payload
focusNative event payload
blurNative event payload