Checkbox

The Checkbox component implements an <input type="checkbox"/> replacement.

Examples

This is just an example Checkbox component, designed in the Plain Kit project. You have total freedom to design Plume components exactly as you'd want them to be, with your own unique variants and behaviors.

Switch to a different kit:

Plain Kit

Basic Checkbox with label

Indeterminate Checkbox

Checkbox Props

Prop	Type	Description
`children`	`React.ReactNode`	Label for the Checkbox
`isSelected`	`boolean`	Whether the Checkbox is checked (controlled)
`defaultSelected`	`boolean`	Whether the Checkbox is checked by default (uncontrolled)
`isIndeterminate`	`boolean`	Whether the Checkbox is "indeterminately" checked; this is a presentational state that often reflects a group of checkboxes, only some of which are checked
`isDisabled`	`boolean`	Whether the Checkbox is disabled
`isReadOnly`	`boolean`	Whether the Checkbox is read-only
`ref`	`PlumeCheckboxRef`	Programmatic access to Checkbox

PlumeCheckboxRef

Method	Description
`focus()`	Focuses this checkbox
`UNSAFE_getDOMNode()`	Returns the root `label` DOM element

Build your own!

Build your own Checkbox, designed in Plasmic, with the useCheckbox hook!