• Docs
  • Components
  • Checkbox

Checkbox - Aspect UI

The Checkbox component allows users to select one or more options from a set. It supports indeterminate states, labels, and custom styling, and is fully accessible with keyboard and screen reader support.

Table of Contents#

Default Checkbox#

Checkbox with Label#

Disabled Checkbox#

Checkbox Props#

PropTypeDefaultDescription
labelstring-The label of the checkbox.
checkedboolean-The checked state of the checkbox.
onChange() => void-The onChange event of the checkbox.
disabledboolean-The disabled state of the checkbox.
classNamestring-The className of the checkbox.
sizesm md lgmdThe size of the checkbox.
variantdefault roundeddefaultThe variant of the checkbox.
checkedIconReact.ReactNode-The checked icon of the checkbox.
checkboxClassNamestring-The className of the checkbox.
labelClassNamestring-The className of the label.