Checkbox

Wrapper over the checkbox with the label tag.

jsx

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

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

& {...}

Name	Type	Description
onChange	(checked: boolean, e: React.SyntheticEvent<>) => void
checked	boolean
defaultChecked	boolean	Default state of uncontrolled checkbox
label	string	Checkbox text
indeterminate	boolean	Special indeterminate state
disabled	boolean	Special disabled state
state		Checkbox visual state
size		Checkbox size
theme	string	Checkbox 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 />;

Represents input[type=checkbox]

jsx

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

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

Represents span in Checkbox.Value.

jsx

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

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

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 />;

& {...}

Name	Type	Description
disabled	boolean	Deprecated