Bezels

LiqDeviceBezel renders a 402×874 iPhone-style outer chrome: dark gradient body, inner light rim and dark mid-rim, and a 111×37 Dynamic Island pill at the top when showIsland is true. The child widget is clipped to the inner screen rounded rect (46pt radius).

Parameter	Description
`size`	Outer dimensions (default `Size(402, 874)`)
`showIsland`	Whether to render the Dynamic Island pill (default `true`)
`screenColor`	Background color of the inner screen (default `0xFFECECEF`)
`child`	Optional content rendered inside the screen

With Island

// 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 bezelWithIslandBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 260,    child: LiqDeviceBezel(size: Size(220, 478)),  );}

No Island

// 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 bezelNoIslandBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 260,    child: LiqDeviceBezel(size: Size(220, 478), showIsland: false),  );}

Iphone

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

Ipad

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

Mac

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

Apple Watch

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

Display Toggles

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