liqkit_ui
Status

Face ID

LiqFaceIdBezel renders a 145pt square black bezel (40pt corner radius) with a 70pt green glyph centered inside. Switch between states using the state parameter with values from LiqFaceIdState.

StateGlyph
scanningFace outline with cross-hair lines (default)
successCheckmark
failFace outline with a diagonal slash

Scanning

// 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 faceIdScanningBuilder(BuildContext context) {  return const SnippetFrame(maxWidth: 160, child: LiqFaceIdBezel());}

Success

// 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 faceIdSuccessBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 160,    child: LiqFaceIdBezel(state: LiqFaceIdState.success),  );}

Fail

// 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 faceIdFailBuilder(BuildContext context) {  return const SnippetFrame(    maxWidth: 160,    child: LiqFaceIdBezel(state: LiqFaceIdState.fail),  );}

Inline

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

Touch Id

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

Bezel States

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

Theme Colors

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