liqkit_ui
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());}