Skip to Content
Forui 0.12.0 is released 🎉
DocumentationData PresentationAccordion

Accordion

A vertically stacked set of interactive headings that reveal associated content sections when clicked. Each section can be expanded or collapsed independently.

CLI

To generate and customize this style:

dart run forui style create accordion

Usage

FAccordion(...)

FAccordion( controller: FAccordionController(min: 1, max: 2), // or FAccordionController.radio() style: FAccordionStyle(...), children: [ FAccordionItem( title: const Text('Is it accessible?'), child: const Text('Yes. It follows WAI-ARIA design patterns.'), ), ], );

Examples

With Radio Behaviour

With Multi-select Behaviour

Last updated on