Status Bars

LiqStatusBar is the iOS 26 phone status bar. It renders the clock label on the left and signal bars, Wi-Fi glyph, and battery indicator on the right. Control the foreground color with brightness — Brightness.light for dark glyphs on a light surface, Brightness.dark for light glyphs on a dark surface.

Light

// 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 statusBarLightBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 430,    surface: SnippetFrameSurface.light,    child: LiqStatusBar(),  );}

Dark

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

Standard

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

Custom

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

Compact Strips

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

Dynamic Island

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

System Indicators

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

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