Skip to content

Checkbox

Checkbox

Wrapper over the checkbox with the label tag.

jsx
import Checkbox from 'intergalactic/checkbox';
<Checkbox />;
import Checkbox from 'intergalactic/checkbox';
<Checkbox />;

CheckboxProps

& {...}
NameTypeDescription
onChange(checked: boolean, e: React.SyntheticEvent<>) => void
checkedboolean
defaultCheckedbooleanDefault state of uncontrolled checkbox
labelstringCheckbox text
indeterminatebooleanSpecial indeterminate state
disabledbooleanSpecial disabled state
stateCheckbox visual state
sizeCheckbox size
themestringCheckbox color

Checkbox.Value

Represents input[type=checkbox] and span with an icon.

jsx
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Value />;
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Value />;

Checkbox.Value.Control

Represents input[type=checkbox]

jsx
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Value.Control />;
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Value.Control />;

CheckboxValueControlProps

Represents span in Checkbox.Value.

jsx
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Value.CheckMark />;
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Value.CheckMark />;

CheckboxValueCheckMarkProps

Checkbox.Text

It is the customized Text from intergalactic/typography, depending on the size.

jsx
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Text />;
import Checkbox from 'intergalactic/checkbox';
<Checkbox.Text />;

CheckboxTextProps

& {...}
NameTypeDescription
disabledboolean

Released under the MIT License.

Released under the MIT License.