Checkbox
Components6.4.9
Checkbox
Wrapper over the checkbox with the label
tag.
import Checkbox from '@semcore/ui/checkbox';
<Checkbox />;
interface
ICheckboxProps extends IBoxProps
Property | Description |
---|---|
state CheckboxState = normal | Checkbox state |
size CheckboxSize = m | 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
Property | Description |
---|---|
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 CheckboxSize = m | 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
Property | Description |
---|---|
disabled boolean |