Kit Helpers

The LiqKitHelpers* family provides the page-level chrome for component kit demo pages: a large bold title block, small mode-indicator pills, and a dashed-border card that stacks multiple mode pills together.

Header

// 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 kitHelpersHeaderBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 400,    child: LiqKitHelpersHeader(      title: 'Buttons',      description: 'Tappable controls for iOS 26.',    ),  );}

Mode Pill

// 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 kitHelpersModePillBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 220,    height: 72,    surface: SnippetFrameSurface.themed,    surfacePadding: EdgeInsets.symmetric(horizontal: 18),    child: Row(      mainAxisSize: MainAxisSize.min,      children: <Widget>[        LiqKitHelpersModePill(label: 'Light'),        SizedBox(width: 12),        LiqKitHelpersModePill(          label: 'Dark',          brightness: LiqKitHelpersBrightness.dark,        ),      ],    ),  );}

Mode Labels

// 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 kitHelpersModeLabelsBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 160,    height: 150,    surface: SnippetFrameSurface.themed,    surfacePadding: EdgeInsets.all(18),    child: LiqKitHelpersModeLabels(      children: <Widget>[        LiqKitHelpersModePill(label: 'Light'),        LiqKitHelpersModePill(          label: 'Dark',          brightness: LiqKitHelpersBrightness.dark,        ),      ],    ),  );}