Checkbox

Wrapper over the checkbox with the label tag.

import Checkbox from '@semcore/ui/checkbox';
<Checkbox />;

CheckboxProps

& {...}

Name	Type	Description
onChange	(checked: boolean, e: React.SyntheticEvent<>) => void	Callback when the value changes
checked	boolean	Controls the checked state of the checkbox (controlled mode)
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.

import Checkbox from '@semcore/ui/checkbox';
<Checkbox.Value />;

Checkbox.Value.Control

Represents input[type=checkbox]

import Checkbox from '@semcore/ui/checkbox';
<Checkbox.Value.Control />;

CheckboxValueControlProps

Represents span in Checkbox.Value.

import Checkbox from '@semcore/ui/checkbox';
<Checkbox.Value.CheckMark />;

CheckboxValueCheckMarkProps

Checkbox.Text

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

import Checkbox from '@semcore/ui/checkbox';
<Checkbox.Text />;

CheckboxTextProps

& {...}

Name	Type	Description
disabled	boolean	Deprecated