Card

LiqCard is a rounded glass panel for grouping arbitrary children. It renders a 16pt-radius surface with a 0.5pt hairline border, a soft drop shadow, and optional header and footer slots separated from the body by full-bleed hairline dividers. Pass onTap to make the entire surface tappable; the card briefly dims to 85% while pressed.

Default

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 cardDefaultBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 360,    child: LiqCard(      child: Text(        'A simple card with body content. Hairline border, soft '        'shadow, 16pt radius.',      ),    ),  );}

With 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 cardWithHeaderBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 360,    child: LiqCard(      header: SnippetLabel('Title', fontSize: 16, fontWeight: FontWeight.w600),      child: SnippetLabel('Body content under a header divider.'),    ),  );}

With Footer

// 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 cardWithFooterBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 360,    height: 190,    child: LiqCard(      header: SnippetLabel('Title', fontSize: 16, fontWeight: FontWeight.w600),      footer: SnippetLabel('Updated 2 minutes ago', fontSize: 12),      child: SnippetLabel('Body content with both a header and a footer.'),    ),  );}