Skip to content

Checkbox

Checkbox

Wrapper over the checkbox with the label tag.

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

CheckboxProps

& {...}
NameTypeDescription
onChange(checked: boolean, e: React.SyntheticEvent<>) => void
checkedboolean
defaultCheckedboolean Default state of uncontrolled checkbox
labelstring Checkbox text
indeterminateboolean Special indeterminate state
disabledboolean Special disabled state
state Checkbox visual state
size Checkbox size
themestring Checkbox color

Checkbox.Value

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

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

Checkbox.Value.Control

Represents input[type=checkbox]

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

CheckboxValueControlProps

Represents span in Checkbox.Value.

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

CheckboxValueCheckMarkProps

Checkbox.Text

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

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

CheckboxTextProps

& {...}
NameTypeDescription
disabledbooleanDeprecated

Released under the MIT License.

Released under the MIT License.