Skip to content

Checkbox

Checkbox ​

Wrapper over the checkbox with the label tag.

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

NSCheckbox.Props ​

& {...}
NameTypeDescription
onChange(checked: boolean, e: ) => void Callback when the value changes
checkedboolean Controls the checked state of the checkbox (controlled mode)
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 />;

Checkbox.Value.CheckMark ​

Represents span in Checkbox.Value.

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

Checkbox.Text ​

A customized Text from @semcore/typography, depending on the size.

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

NSCheckbox.Text.Props ​

Released under the MIT License.

Released under the MIT License.