Form Inputs

Checkbox

A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.

Accept terms and conditions.

Indeterminate#

Accept terms and conditions.

Disabled#

Accept terms and conditions.

Component props#

NameTypeDescription
labelstringLabel text (alternative to children)
isSelectedbooleanControlled selected state
defaultSelectedbooleanDefault selected state
isIndeterminatebooleanShows indeterminate state
isDisabledbooleanDisables the checkbox
onChange(isSelected: boolean) => voidCalled when state changes