Page Controls

LiqPageControl renders a row of dots indicating paged content. When the page count exceeds maxVisible, peripheral dots shrink to guide the eye towards the active page.

Light

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 pageControlsLightBuilder(BuildContext context) {  return const SnippetFrame(    surface: SnippetFrameSurface.light,    child: LiqPageControl(      count: 5,      activeIndex: 2,      brightness: LiqPageControlBrightness.light,    ),  );}

Dark

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 pageControlsDarkBuilder(BuildContext context) {  return const SnippetFrame(    surface: SnippetFrameSurface.dark,    child: LiqPageControl(      count: 5,      activeIndex: 2,      brightness: LiqPageControlBrightness.dark,    ),  );}

Dots

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

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

Numbered

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

Sized Outlined

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

Scrolling

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

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