Flutter Selection Controls — Checkbox, Switch, Slider, Radio and More

Selection controls are the backbone of any form, settings screen, or filter UI in a Flutter app. FlutterKit has just shipped a complete set of 9 selection control components — all enum-driven, all with live previews, all free to copy.

The Complete Selection Controls Set

Checkbox

Standard and custom-styled checkboxes for boolean selections and multi-select lists. Includes indeterminate state for parent-child selection patterns.

👉 Flutter Checkbox

Switch Toggle

iOS-style and Material-style toggle switches for binary on/off settings. Includes label, subtitle, and icon variants for settings screens.

👉 Flutter Switch Toggle

Slider

Single-value slider with custom thumb, track styling, and value display. Used for volume, brightness, price range, and any continuous single value.

👉 Flutter Slider

Range Slider

Dual-handle slider for min/max range selection. Used for price filters, date range selectors, and age range inputs.

👉 Flutter Range Slider

Segmented Control

Horizontal button group where only one option is active at a time. Used for view switching, time period selection, and tab-style navigation within a screen.

👉 Flutter Segmented Control

Choice Chips

Single-selection chip group — same behaviour as segmented control but in chip form. Better for longer lists of options or options with icons.

👉 Flutter Choice Chips

Filter Chips

Multi-selection chips for filtering. Multiple chips can be active simultaneously. Standard for search filters and category selectors.

👉 Flutter Filter Chips

Star Rating

Interactive and display-only star rating widget. Supports half stars, custom colours, and size variants. Used for product ratings, review inputs, and feedback forms.

👉 Flutter Star Rating

Quantity Selector

Plus/minus stepper for numeric quantity input. Used in e-commerce carts, booking forms, and anywhere a user adjusts a count within a defined range.

👉 Flutter Quantity Selector

How to Use Any Component

1. Visit the component page linked above
2. See all variants in the live preview
3. Copy the Dart code
4. Paste into your Flutter project

No package installs required — all components use Flutter SDK only.

Where These Controls Are Used Together

Settings screen — switch toggles for notifications, checkboxes for permissions, segmented control for theme selection.

Product filters — filter chips for categories, range slider for price, star rating for minimum review filter.

Booking flow — quantity selector for number of guests, choice chips for room type, segmented control for date view.

Profile and onboarding — checkboxes for interest selection, slider for preference intensity, star rating for initial feedback.

Related FlutterKit Components

• Badge Widget — dot, count, and label badges
• Chip Widget — input, filter, and choice chips overview
• Bottom Nav Bar — flat, bordered, floating pill navigation
• Alert Widget — info, success, warning, error alerts
• Button Widget — primary, secondary, outlined, text buttons

Browse the full library at rohansurve.in/flutterkit — all free, no signup.