KasyKasy

Accordion

Viewer ao vivo e documentação do componente Accordion.

Sobre

Lista de seções expansíveis (pergunta/resposta, detalhes recolhíveis). Cada item tem título + descrição, e expande/recolhe ao tocar.

  • Dois construtores: KasyAccordion.single (só um item aberto por vez) e KasyAccordion.multiple (vários abertos ao mesmo tempo, ex: FAQ)
  • items: lista de KasyAccordionItemData (icon opcional, title, description)
  • variant: defaultList (lista com divisórias), surface (cartão com borda e sombra suave) ou elevatedCard (estilo FAQ, cantos maiores, chevron vertical)
  • expandedIndex/expandedIndices + onExpandedIndexChanged/onExpandedIndicesChanged: estado controlado, a tela guarda o índice aberto
  • surfaceRadius: raio das bordas quando variant usa cartão (padrão KasyRadius.xl)

Estado é sempre controlado pelo chamador (sem estado interno de expansão).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página