Decoration
Widgets
LiqWidgetCard renders an iOS 26 home-screen widget card: a 14pt rounded
surface with a radial-highlighted blue gradient and an optional bottom-left
caption. The size parameter controls the aspect ratio.
| Size | Aspect ratio | Use case |
|---|---|---|
small | 1:1 | Single-cell square widget |
medium | 2:1 | Two-cell wide widget |
large | ~1:1.045 | Two-cell tall widget |
extraLarge | 2.1:1 | iPad extra-wide widget |
Small
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetSmallBuilder(BuildContext context) { return const SnippetFrame(child: WidgetSmallExample());}
Medium
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetMediumBuilder(BuildContext context) { return const SnippetFrame(child: WidgetMediumExample());}
Large
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetLargeBuilder(BuildContext context) { return const SnippetFrame(child: WidgetLargeExample());}
Extra Large
// 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 widgetExtraLargeBuilder(BuildContext context) { return const SnippetFrame( child: LiqWidgetCard(size: LiqWidgetSize.extraLarge, caption: 'Photos'), );}
Apple Style
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetAppleStyleBuilder(BuildContext context) { return const SnippetFrame(child: WidgetAppleStyleExample());}
Chart
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetChartBuilder(BuildContext context) { return const SnippetFrame(child: WidgetChartExample());}
Live Activity
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetLiveActivityBuilder(BuildContext context) { return const SnippetFrame(child: WidgetLiveActivityExample());}
Mini Grid
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetMiniGridBuilder(BuildContext context) { return const SnippetFrame(child: WidgetMiniGridExample());}
Interactive
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetInteractiveBuilder(BuildContext context) { return const SnippetFrame(child: WidgetInteractiveExample());}
Carousel
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetCarouselBuilder(BuildContext context) { return const SnippetFrame(child: WidgetCarouselExample());}
Stack
// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget widgetStackBuilder(BuildContext context) { return const SnippetFrame(child: WidgetStackExample());}