Skip to content

Accordion

A vertical stack of collapsible sections — FAQs, grouped settings, progressive disclosure.

Layout widgets · widget type accordion · binds through text templates in item labels

Related: Tabs · Section · Container

Options

Option Values Default Description
Items A list of sections Three sections Each item has an id and a label, and can be disabled
Default selected item(s) Item ids None Which sections start expanded
Selection Single · Multiple, with a state path Single Whether one or several sections can be open at once, and where the open set is stored
Icon An icon key Theme default The expand and collapse indicator in each header
Trigger Style / Content Style / Item Style / List Style CSS Empty Styling per part
Box Style Sizing and spacing — The box around the accordion

Notes

  • Every item has two slots — the clickable header and the panel — and both take any widgets
  • Bind Selection to a state path when another widget needs to know which section is open
  • For switching between panels side by side rather than stacking them, use Tabs