DDCheckbox

A checkbox with personality. The spring-physics check animation and label strikethrough transform a mundane control into a satisfying micro-interaction. The square variant fits form contexts while the circle variant works for task lists.

API Reference

PropTypeDefaultDescription
checked*boolean—Whether the checkbox is checked
onChange*(checked: boolean) => void—Called when check state changes
labelstring—Text label next to checkbox
variant"square" | "circle""square"Visual variant
sizenumber20 / 16Size in pixels (20 for square, 16 for circle)
classNamestring—Additional CSS classes

Source Code