Navigation
Lists
LiqListGroup renders a rounded card containing LiqListRows separated
by hairline dividers. Each row supports a title, optional subtitle, leading
widget, trailing widget, detail text, and chevron.
Grouped
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listGroupedBuilder(BuildContext context) { return const SnippetFrame(child: ListGroupedExample());}
Dark
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 listDarkBuilder(BuildContext context) { return SnippetFrame( maxWidth: 420, surface: SnippetFrameSurface.dark, surfacePadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24), child: LiqListGroup( brightness: Brightness.dark, rows: <LiqListRow>[ LiqListRow( title: 'Notifications', detail: 'On', showChevron: true, brightness: Brightness.dark, onTap: () {}, ), LiqListRow( title: 'Sound', detail: 'Chime', showChevron: true, brightness: Brightness.dark, onTap: () {}, ), LiqListRow( title: 'Badge App Icon', showChevron: true, brightness: Brightness.dark, onTap: () {}, ), ], ), );}
Basic
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listBasicBuilder(BuildContext context) { return const SnippetFrame(child: ListBasicExample());}
With Icons
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listWithIconsBuilder(BuildContext context) { return const SnippetFrame(child: ListWithIconsExample());}
With Actions
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listWithActionsBuilder(BuildContext context) { return const SnippetFrame(child: ListWithActionsExample());}
Selectable
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listSelectableBuilder(BuildContext context) { return const SnippetFrame(child: ListSelectableExample());}
Swipeable
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listSwipeableBuilder(BuildContext context) { return const SnippetFrame(child: ListSwipeableExample());}
Reorderable
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listReorderableBuilder(BuildContext context) { return const SnippetFrame(child: ListReorderableExample());}
Expandable
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget listExpandableBuilder(BuildContext context) { return const SnippetFrame(child: ListExpandableExample());}