Focus Theme UI Kit Documentation Help

Accordion - FUIAccordion & FUIAccordionItem

accordion.gif

The accordion widget, implemented using FUIAccordion, enables the expansion and collapse of headers and containers. It supports both text and icon content and allows customization of each accordion item to include any widget type.

Widget Class Location

The FUIAccordion widget and other related classes could be found in the directory of:

focus_ui_kit/components/accordion/

Class Details

Class Name

Dart File

Description

FUIAccordion

fui_accordion.dart

The major widget class for the accordion.

FUIAccordionController

fui_accordion_events.dart

The controller for the FUIAccordion (using Flutter Bloc)

FUIAccordionEvent

fui_accordion_events.dart

The controller event class, used by FUIAccordionController. Any parameter that is null will NOT be processed.

FUIAccordionItem

fui_accordion_item.dart

The accordion item widget class.

Widget Theme Location

The FUIAccordionTheme class is the theme class that holds the default theme variables/values.

Accessing the theme

To access the theme class object, it can be done by doing this:

@override Widget build(BuildContext context) { FUIAccordionTheme accordionTheme = context.theme.fuiAccordion; // ... }
26 March 2025
FUITabItemFUIAccordion