Notifications

LiqNotification renders a 386pt glass card with a LiqNotificationIcon, source title, body text, and an optional time chip. The icon surface uses a LiqNotificationIconColors gradient pair to match standard app palettes.

Mail

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 notificationMailBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 420,    height: 190,    surface: SnippetFrameSurface.liquidThemed,    surfacePadding: EdgeInsets.all(20),    child: LiqNotification(      title: 'Mail',      body: 'You have a new message from Alex.',      time: 'now',      icon: LiqNotificationIcon(        colors: LiqNotificationIconColors.mail,        glyph: SizedBox(          width: 22,          height: 16,          child: DecoratedBox(            decoration: BoxDecoration(              color: Color(0xFFFFFFFF),              borderRadius: BorderRadius.all(Radius.circular(2)),            ),          ),        ),      ),    ),  );}

Reminders

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 notificationRemindersBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 420,    height: 190,    surface: SnippetFrameSurface.liquidDark,    surfacePadding: EdgeInsets.all(20),    child: LiqNotification(      title: 'Reminders',      body: 'Team standup starts in 5 minutes.',      time: '5m',      icon: LiqNotificationIcon(        colors: LiqNotificationIconColors.reminders,        glyph: SizedBox(          width: 18,          height: 18,          child: DecoratedBox(            decoration: BoxDecoration(              color: Color(0xFFFFFFFF),              shape: BoxShape.circle,            ),          ),        ),      ),    ),  );}

Banners All Styles

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget notificationBannersAllStylesBuilder(BuildContext context) {  return const SnippetFrame(child: NotificationBannersAllStylesExample());}

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget notificationBannerConfigurationsBuilder(BuildContext context) {  return const SnippetFrame(child: NotificationBannerConfigurationsExample());}

Toast Variants

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget notificationToastVariantsBuilder(BuildContext context) {  return const SnippetFrame(child: NotificationToastVariantsExample());}

Cards

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget notificationCardsBuilder(BuildContext context) {  return const SnippetFrame(child: NotificationCardsExample());}

Badges All Variants

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget notificationBadgesAllVariantsBuilder(BuildContext context) {  return const SnippetFrame(child: NotificationBadgesAllVariantsExample());}

Badges Common Anchors

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget notificationBadgesCommonAnchorsBuilder(BuildContext context) {  return const SnippetFrame(child: NotificationBadgesCommonAnchorsExample());}