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!