Skip to main content

Checkbox

Accessible checkbox with label, optional description, and theme-aware styling.

Controlled unchecked

Controlled checked

Default checked

With description

Disabled unchecked

Disabled checked

Animation variants

animationVariant — click each control to compare press feedback.

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
modeOptional"light" | "dark"lightColor mode.
labelOptionalReactNodeVisible label text.
descriptionOptionalstringOptional helper under the label.
checked / onChangeOptionalnative checkboxControlled or uncontrolled.
disabledOptionalbooleanNative disabled state.
animationVariantOptionalPressAnimationVariantdefaultPress animation — default, none, ripple, scale, sink, lift, pulse, or glow.