Segmented Controls

LiqSegmentedControl is a generic pill-shaped selector that supports any value type. The selected segment shows a white pill; others are transparent.

Standard

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

With Icons

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

Tab Style

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

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

Custom Indicator Color

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

Custom Vertical Color

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

Disabled

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