Sliders

LiqSlider is the iOS 26 horizontal slider. It renders a track, filled portion, and pill-shaped knob. Drag or tap to change the value.

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 sliderDefaultBuilder(BuildContext context) {  return SnippetFrame(    surface: SnippetFrameSurface.themed,    child: LiqDemo<double>(      initial: 0.4,      builder: (v, set) {        return LiqSlider(value: v, onChanged: set);      },    ),  );}

Dark

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 sliderDarkBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 420,    surface: SnippetFrameSurface.dark,    surfacePadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),    child: LiqDemo<double>(      initial: 0.6,      builder: (v, set) {        return LiqSlider(value: v, onChanged: set, brightness: Brightness.dark);      },    ),  );}

Basic

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

Range

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

Discrete

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

Labeled

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

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

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

Size Variations

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