A polished set of selection controls that covers checkbox (on/off/indeterminate) and radio (single-choice) patterns with subtle glow, ripple, and focus feedback. Built for forms at scale, the kit is fully themeable, keyboard-accessible, and integrates cleanly with validation and state management. Shapes, sizes, and icons are configurable (square/rounded for checkboxes, circular for radios), with crisp transitions and optional loading/outlined styles.

Functionality

• Checkbox: checked / unchecked / indeterminate (tri-state) with animated transition

• Radio: selected / unselected with inner-dot morph and soft glow

• Variants: filled, outline, ghost, subtle-shadow; small/medium/large sizes

• Label system: left/right label, spacing, multiline, semantic “On/Off” pairs

• Interaction: ripple/hover/pressed states, haptic feedback, focus ring

• States: disabled, read-only, error/warning/success with color tokens

• Accessibility: ARIA roles (checkbox, radio, radiogroup), screen-reader labels, tab/space/arrow keys

• Form bindings: initial value, validation, error text, onChanged/onSubmitted callbacks

• Group logic: checkbox groups with select all / partial aggregation; radio groups with exclusive selection

• Theming: stroke/fill/halo colors, corner radius, icon set, elevation, density, typography

• Performance: layer caching for 60fps, reduce-motion mode, RTL & dark-mode ready

Use cases

• Multi-step onboarding and profile forms (preferences, consents)

• E-commerce filters (brands, sizes, in-stock), faceted search panels

• Settings & permissions (toggles, role capabilities, feature flags)

• Survey builders and quizzes (single vs. multiple select)

• Admin dashboards: bulk actions with indeterminate “partial select” feedback

• Healthcare/education/finance forms requiring strict validation & accessibility

Keywords
checkbox, radio button, tri-state, indeterminate, radiogroup, selection controls, form inputs, on/off, outline vs filled, glow, ripple, haptic feedback, keyboard navigation, ARIA, accessibility, validation, error state, disabled state, select all, partial select, theming tokens, density, dark mode, RTL, reduce motion, Flutter widget, FlutterFlow component, high performance, modern UI.