Ethereal Garden

Checkbox

A control that allows the user to toggle between checked and unchecked states.

When To Use

Use checkboxes when you need to allow users to:

  • Select one or multiple items from a list
  • Toggle a single option on or off
  • Accept terms and conditions
  • Enable or disable a setting
  • Mark tasks as complete

Checkboxes are useful for binary choices or multiple selections, as they allow users to select any number of options from a group.

Examples

Basic

Checkbox Group

Selected: None

Disabled

Custom Styling

Props

PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-