Components
Accordion
Commonly used to organize related content into expandable and collapsible sections.
Due to embedding constraints, visual details may not be fully accurate. For pixel-accurate rendering, refer to the Widgetbook.
Usage
FluttyAccordion(
items: [
FluttyAccordionItem(
title: 'Accordion 1',
child: Text('Accordion content'),
),
FluttyAccordionItem(
title: 'Accordion 2',
child: Text('Accordion content'),
),
],
)Subtitles
FluttyAccordionItem(
title: 'Accordion title',
subtitle: 'Press to expand',
child: Text('Content'),
)Allow Multiple
FluttyAccordionItem(
title: 'Accordion title',
subtitle: 'Press to expand',
child: Text('Content'),
)Compact
FluttyAccordionItem(
title: 'Accordion title',
subtitle: 'Press to expand',
child: Text('Content'),
)Variants
Light
FluttyAccordion(
variant: FluttyAccordionVariant.light,
items: [...],
)Bordered
FluttyAccordion(
variant: FluttyAccordionVariant.bordered,
items: [...],
)Splitted
FluttyAccordion(
variant: FluttyAccordionVariant.splitted,
items: [...],
)Default Expanded
FluttyAccordion(
variant: FluttyAccordionVariant.splitted,
items: [...],
)Disabled
FluttyAccordion(
variant: FluttyAccordionVariant.splitted,
items: [...],
)Start Content
FluttyAccordion(
variant: FluttyAccordionVariant.splitted,
items: [...],
)Custom Indicators
FluttyAccordion(
variant: FluttyAccordionVariant.splitted,
items: [...],
)API
Prop
Type