Examples

The LiqExamples* family provides the white-card scaffolding used to lay out component showcase pages. Nest sections and items inside a panel for a consistent documentation layout.

Panel

// 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 examplesPanelBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 300,    child: LiqExamplesPanel(      title: 'Components',      body: 'Browse the available UI components.',      child: SizedBox(height: 40),    ),  );}

Section

// 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 examplesSectionBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 300,    child: LiqExamplesSection(      title: 'Buttons',      meta: '3 variants',      child: SizedBox(height: 32),    ),  );}

Item

// 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 examplesItemBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 240,    child: SizedBox(      width: 200,      child: LiqExamplesItem(        name: 'LiqButton',        meta: 'Inputs',        code: 'LiqButton()',      ),    ),  );}