Collapsible

LiqCollapsible is a single toggleable region — the standard "Show more / Show less" or single-question FAQ primitive. The header is fully tappable; tapping toggles the body open or closed and rotates the trailing chevron 90° clockwise. The body smoothly resizes via AnimatedSize.

This is distinct from LiqAccordion, which manages a list of LiqAccordionItem rows inside a shared rounded surface. Use LiqCollapsible when you only need one expand/collapse target.

LiqCollapsible is a primitive: it does not draw its own outer border or background. Wrap it in whatever surface you want (a LiqCard, a hairline-bordered Container, or nothing at all).

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 collapsibleDefaultBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 360,    child: LiqCollapsible(      header: SnippetLabel('What is liqkit_ui?', fontWeight: FontWeight.w600),      child: Padding(        padding: EdgeInsets.only(top: 8),        child: SnippetLabel(          'A Flutter port of the liqkit iOS 26 design system. 76 '          'components ship with goldens, live previews, and '          'interactive code snippets.',          fontSize: 14,        ),      ),    ),  );}

Expanded

// 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 collapsibleExpandedBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 360,    height: 170,    child: LiqCollapsible(      initiallyExpanded: true,      header: SnippetLabel('What is liqkit_ui?', fontWeight: FontWeight.w600),      child: Padding(        padding: EdgeInsets.only(top: 8),        child: SnippetLabel(          'A Flutter port of the liqkit iOS 26 design system. 76 '          'components ship with goldens, live previews, and '          'interactive code snippets.',          fontSize: 14,        ),      ),    ),  );}