KasyKasy

Accordion

Live preview and documentation for the Accordion component.

Preview

componentPreview.loading

About

A list of expandable sections (question/answer, collapsible details). Each item has a title + description, and expands/collapses on tap.

  • Two constructors: KasyAccordion.single (only one item open at a time) and KasyAccordion.multiple (several open at once, e.g. FAQ)
  • items: a list of KasyAccordionItemData (optional icon, title, description)
  • variant: defaultList (list with dividers), surface (card with border and soft shadow), or elevatedCard (FAQ style, larger corners, vertical chevron)
  • expandedIndex/expandedIndices + onExpandedIndexChanged/onExpandedIndicesChanged: controlled state, the screen keeps track of which index is open
  • surfaceRadius: corner radius when variant uses a card (defaults to KasyRadius.xl)

State is always controlled by the caller (no internal expansion state).

Last updated on 08/23/2026

On this page