liqkit_ui
Foundation

Label

LiqLabel is the iOS 26 form-field caption — a small, semibold, slightly tinted line of text rendered above an input such as LiqTextField or LiqCheckbox. LiqFormField composes a LiqLabel, the input control, and an optional helper or error line into a vertical stack.

Required

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 labelRequiredBuilder(BuildContext context) {  return SnippetFrame(    child: _LabelRequiredExample(),  );}class _LabelRequiredExample extends StatefulWidget {  @override  State<_LabelRequiredExample> createState() => _LabelRequiredExampleState();}class _LabelRequiredExampleState extends State<_LabelRequiredExample> {  final TextEditingController _controller = TextEditingController();  @override  void dispose() {    _controller.dispose();    super.dispose();  }  @override  Widget build(BuildContext context) {    return LiqFormField(      label: 'Email',      required: true,      helperText: 'We never share your email.',      child: LiqTextField(        controller: _controller,        placeholder: '[email protected]',      ),    );  }}

Optional

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 labelOptionalBuilder(BuildContext context) {  return SnippetFrame(    child: _LabelOptionalExample(),  );}class _LabelOptionalExample extends StatefulWidget {  @override  State<_LabelOptionalExample> createState() => _LabelOptionalExampleState();}class _LabelOptionalExampleState extends State<_LabelOptionalExample> {  final TextEditingController _controller = TextEditingController();  @override  void dispose() {    _controller.dispose();    super.dispose();  }  @override  Widget build(BuildContext context) {    return LiqFormField(      label: 'Phone',      optional: true,      helperText: 'Used only for delivery updates',      child: LiqTextField(        controller: _controller,        placeholder: '(555) 123-4567',      ),    );  }}

On this page