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.
labelOptionalReactNode—Visible label text.
descriptionOptionalstring—Optional helper under the label.
checked / onChangeOptionalnative checkbox—Controlled or uncontrolled.
disabledOptionalboolean—Native disabled state.
animationVariantOptionalPressAnimationVariantdefaultPress animation — default, none, ripple, scale, sink, lift, pulse, or glow.