Accordion

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    FAccordion(
      controller: FAccordionController(max: 2),
      items: [
        FAccordionItem(
          title: const Text('Is it accessible?'),
          child: const Text('Yes. It adheres to the WAI-ARIA design pattern.'),
        ),
        FAccordionItem(
          initiallyExpanded: true,
          title: const Text('Is it Styled?'),
          child: const Text(
            "Yes. It comes with default styles that matches the other components' aesthetics",
          ),
        ),
        FAccordionItem(
          title: const Text('Is it Animated?'),
          child: const Text(
            'Yes. It is animated by default, but you can disable it if you prefer',
          ),
        ),
      ],
    ),
  ],
);

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    FAccordion(
      controller: FAccordionController.radio(),
      items: [
        FAccordionItem(
          title: const Text('Is it accessible?'),
          child: const Text('Yes. It adheres to the WAI-ARIA design pattern.'),
        ),
        FAccordionItem(
          initiallyExpanded: true,
          title: const Text('Is it Styled?'),
          child: const Text("Yes. It comes with default styles that matches the other components' aesthetics"),
        ),
        FAccordionItem(
          title: const Text('Is it Animated?'),
          child: const Text('Yes. It is animated by default, but you can disable it if you prefer'),
        ),
      ],
    ),
  ],
);

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    FAccordion(
      controller: FAccordionController(),
      items: [
        FAccordionItem(
          title: const Text('Is it accessible?'),
          child: const Text('Yes. It adheres to the WAI-ARIA design pattern.'),
        ),
        FAccordionItem(
          initiallyExpanded: true,
          title: const Text('Is it Styled?'),
          child: const Text("Yes. It comes with default styles that matches the other components' aesthetics"),
        ),
        FAccordionItem(
          title: const Text('Is it Animated?'),
          child: const Text('Yes. It is animated by default, but you can disable it if you prefer'),
        ),
      ],
    ),
  ],
);