Komponents
Components

Components

Checkbox

Binary selection control with motion-aware check feedback.

newfree
pnpm add @komponents/uiCanonical TypeScript source · tree-shakeable subpaths

Checkbox uses React Aria selection behavior and a compact indicator with optional spring check animation.

Usage

Snippet
import { Checkbox } from "@komponents/ui";

<Checkbox defaultSelected>Email product updates</Checkbox>

States

  • Selected / unselected
  • Disabled
  • Press scale when motion is on

Accessibility

  • Native checkbox role
  • Space toggles selection
  • Visible focus ring on the indicator

On this page