Accordion — Zui

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

accordion ["Runtime", "Rendering", "Distribution"], expanded_indices: [0], multiple: false do
  text "Runtime details"
  text "Rendering details"
  text "Distribution details"
end

API

Component properties

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

titlesTitles configuration for Accordion.property

subtitlesSubtitles configuration for Accordion.property

expanded_indicesExpanded indices configuration for Accordion.property

multipleMultiple configuration for Accordion.property

animatedAnimated configuration for Accordion.property

durationDuration configuration for Accordion.property

easingEasing configuration for Accordion.property

spacingSpacing configuration for Accordion.property

paddingPadding configuration for Accordion.property

header_heightHeader height configuration for Accordion.property

widthWidth configuration for Accordion.property

heightHeight configuration for Accordion.property

enabledEnabled configuration for Accordion.property

backgroundBackground configuration for Accordion.property

header_backgroundHeader background configuration for Accordion.property

expanded_backgroundExpanded background configuration for Accordion.property

foregroundForeground configuration for Accordion.property

mutedMuted configuration for Accordion.property

accentAccent configuration for Accordion.property

border_colorBorder color configuration for Accordion.property

radiusRadius configuration for Accordion.property

font_familyFont family configuration for Accordion.property

font_sizeFont size configuration for Accordion.property

title_sizeTitle size configuration for Accordion.property

subtitle_sizeSubtitle size configuration for Accordion.property

indicator_sizeIndicator size configuration for Accordion.property

visibleVisible configuration for Accordion.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