KasyKasy

Checkbox

Live preview and documentation for the Checkbox component.

Preview

componentPreview.loading

About

Checkbox with a "spring pop" animation when checked/unchecked. There's also KasyCheckboxTile for a full-width list row with a larger tap area.

  • value / onChanged: checked state and callback (passing null to onChanged disables the control).
  • label / description: text next to the box, via KasyControlField internally.
  • isInvalid: error styling (red tones).
  • semanticLabel: accessible name when there's no label (box-only checkbox).
  • style (KasyCheckboxStyle): full visual control — size, shape (roundedSquare default or circle), activeColor/activeGradient, inactiveColor, borderColor, checkColor, checkedIcon/uncheckedIcon (cross-fading between the two), borderWidth, iconPop (icon "pops" when checked).
  • States: default, invalid, disabled (when onChanged is null).

Last updated on 08/23/2026

On this page