Skip to content

Checkbox

Components
6.4.9

Checkbox

Wrapper over the checkbox with the label tag.

import Checkbox from '@semcore/ui/checkbox';
<Checkbox />;
interface
ICheckboxProps extends IBoxProps
PropertyDescription
state
CheckboxState = normal

Checkbox state

size

Checkbox size

theme
string

A checkbox theme you can add your own color to

Checkbox.Value

Represents input[type=checkbox] and span with an icon. Properties apply to the icon, except for those specified in includeInputProps.

import Checkbox from '@semcore/ui/checkbox';
<Checkbox.Value />;
interface
ICheckboxValueProps extends IKeyboardFocusProps, IFlexProps
PropertyDescription
onChange
(checked: boolean, e: React.SyntheticEvent) => void

Handler to change

checked
boolean

Control status

defaultChecked
boolean = false

The initial status for uncontrolled mode

indeterminate
boolean

The value responsible for the indeterminate attribute

includeInputProps
string[]

List of components that can be added to a hidden input

state
CheckboxState = normal

The value responsible for the state of the component

size

Checkbox size

theme
string

A checkbox theme you can add your own color to

Checkbox.Text

It is the customized Text from @semcore/ui/typography, depending on the size.

import Checkbox from '@semcore/ui/checkbox';
<Checkbox.Text />;
interface
ICheckboxTextProps extends ITextProps
PropertyDescription
disabled
boolean