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) andKasyAccordion.multiple(several open at once, e.g. FAQ) items: a list ofKasyAccordionItemData(optionalicon,title,description)variant:defaultList(list with dividers),surface(card with border and soft shadow), orelevatedCard(FAQ style, larger corners, vertical chevron)expandedIndex/expandedIndices+onExpandedIndexChanged/onExpandedIndicesChanged: controlled state, the screen keeps track of which index is opensurfaceRadius: corner radius whenvariantuses a card (defaults toKasyRadius.xl)
State is always controlled by the caller (no internal expansion state).
Last updated on 08/23/2026

