Checkbox
Forms

Checkbox.

Native checkbox styled to match the system.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

6 props
ParameterTypeRequiredDefaultPossible valuesDescription
checkedbooleanNo—true · falseControlled checked state.
defaultCheckedbooleanNofalsetrue · falseInitial uncontrolled checked state.
disabledbooleanNofalsetrue · falseDisable the checkbox.
requiredbooleanNofalsetrue · falseNative required state.
onChangeChangeEventHandler<HTMLInputElement>No——Called when toggled.
aria-labelstringNo——Accessible name when there is no visible label.