Containers
Accordion
LiqAccordion is a vertically stacked set of expandable panels. Tap a
header to reveal its content. Single mode keeps only one panel open;
multiple mode allows several at once.
Default
// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget accordionDefaultBuilder(BuildContext context) { return const SnippetFrame( maxWidth: 360, child: LiqAccordion( items: <LiqAccordionItem>[ LiqAccordionItem( title: 'Section one', child: Text('Body content for section one.'), ), LiqAccordionItem( title: 'Section two', child: Text('Body content for section two.'), ), ], ), );}Single
import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget accordionSingleBuilder(BuildContext context) { return const SnippetFrame( maxWidth: 360, child: LiqAccordion( initialExpanded: <int>{0}, items: <LiqAccordionItem>[ LiqAccordionItem( title: 'What is liqkit_ui?', child: Text('A Flutter port of the liqkit iOS 26 design system.'), ), LiqAccordionItem( title: 'Is it production-ready?', child: Text( 'Yes — every component has goldens and Playwright ' 'fidelity tests.', ), ), LiqAccordionItem( title: 'Where can I file issues?', child: Text( 'On the GitHub repo at github.com/ahmedomar365/liqkit_ui.', ), ), ], ), );}Multiple
import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget accordionMultipleBuilder(BuildContext context) { return const SnippetFrame( maxWidth: 360, child: LiqAccordion( type: LiqAccordionType.multiple, initialExpanded: <int>{0, 1}, items: <LiqAccordionItem>[ LiqAccordionItem( title: 'What is liqkit_ui?', child: Text('A Flutter port of the liqkit iOS 26 design system.'), ), LiqAccordionItem( title: 'Is it production-ready?', child: Text( 'Yes — every component has goldens and Playwright ' 'fidelity tests.', ), ), LiqAccordionItem( title: 'Where can I file issues?', child: Text( 'On the GitHub repo at github.com/ahmedomar365/liqkit_ui.', ), ), ], ), );}