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

Expansion Panel

Expansion Panel is a native Zui container in the navigation and structure catalog, with 26 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
expansion_panel "Advanced settings", expanded: true, animated: true do
  toggle "Enable telemetry", checked: false
end
API

Component properties

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

titleTitle configuration for Expansion Panel.property
subtitleSubtitle configuration for Expansion Panel.property
expandedExpanded configuration for Expansion Panel.property
animatedAnimated configuration for Expansion Panel.property
durationDuration configuration for Expansion Panel.property
easingEasing configuration for Expansion Panel.property
spacingSpacing configuration for Expansion Panel.property
paddingPadding configuration for Expansion Panel.property
header_heightHeader height configuration for Expansion Panel.property
widthWidth configuration for Expansion Panel.property
heightHeight configuration for Expansion Panel.property
enabledEnabled configuration for Expansion Panel.property
backgroundBackground configuration for Expansion Panel.property
header_backgroundHeader background configuration for Expansion Panel.property
expanded_backgroundExpanded background configuration for Expansion Panel.property
foregroundForeground configuration for Expansion Panel.property
mutedMuted configuration for Expansion Panel.property
accentAccent configuration for Expansion Panel.property
border_colorBorder color configuration for Expansion Panel.property
radiusRadius configuration for Expansion Panel.property
font_familyFont family configuration for Expansion Panel.property
font_sizeFont size configuration for Expansion Panel.property
title_sizeTitle size configuration for Expansion Panel.property
subtitle_sizeSubtitle size configuration for Expansion Panel.property
indicator_sizeIndicator size configuration for Expansion Panel.property
visibleVisible configuration for Expansion Panel.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.

toggleNative event payload
changeNative event payload
expandNative event payload
collapseNative event payload
showNative event payload
hideNative event payload
focusNative event payload
blurNative event payload