Checkbox

In progress
ARIA
RTL

Checkboxes are used as a list in our forms and signup pages so users can select options of their choice. Users are free to choose how many options to select, from zero to all of them.

As each checkbox is independent, this means that additional checkboxes do not affect any other selections… or planets.

Default

With Label

Checked

Disabled

ReadOnly

Customization

Checkbox props

NameTypeRequiredDefaultDescription
ariaLabelstringNo-ARIA description of checkbox
bgColorstringNobg-piccoloChecked state of checkbox
checkedbooleanNofalseChecked state of checkbox
disabledbooleanNofalseDisables checkbox
idstringNo-Unique id of checkbox
labelJSX.Element | stringNo-Describes checkbox's purpose
onChange(event) => voidNo-Change event handler
onClick(event) => voidNo-Click event handler
readOnlybooleanNofalseValue of checkbox can't be changed