Steppers

LiqStepper is the iOS 26 stepper control. The − and + buttons automatically dim when the value reaches min or max.

Default

import 'package:docs_snippets/src/demo.dart';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 stepperDefaultBuilder(BuildContext context) {  return SnippetFrame(    child: LiqDemo<int>(      initial: 3,      builder: (v, set) {        return Column(          mainAxisSize: MainAxisSize.min,          children: <Widget>[            Text(              '$v',              textDirection: TextDirection.ltr,              style: const TextStyle(                fontFamily: 'SF Pro Display',                fontSize: 34,                height: 41 / 34,                fontWeight: FontWeight.w700,                color: Color(0xFF1A1A1A),              ),            ),            const SizedBox(height: 10),            LiqStepper(value: v, onChanged: set),          ],        );      },    ),  );}

Disabled

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 stepperDisabledBuilder(BuildContext context) {  return const SnippetFrame(child: LiqStepper(value: 3, onChanged: null));}

Vertical

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

Horizontal

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

Numeric

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

Onboarding

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

Progress

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

Custom 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 stepperCustomColorsBuilder(BuildContext context) {  return const SnippetFrame(child: StepperCustomColorsExample());}

Error State

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