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*booleanWhether the checkbox is checked
onChange*(checked: boolean) => voidCalled when check state changes
labelstringText label next to checkbox
variant"square" | "circle""square"Visual variant
sizenumber20 / 16Size in pixels (20 for square, 16 for circle)
classNamestringAdditional CSS classes

Source Code