Checkbox

The Checkbox component allows users to select multiple options from a set of choices. It consists of a small box that, when clicked, toggles between checked and unchecked states. Checkboxes are commonly used in forms and lists to enable users to make multiple selections efficiently.

Component

React.ElementType<any> | undefined = S.Checkbox

checked

Boolean | undefined = false

disabled

Boolean

hasIcon

Boolean

iconPlacement

"right" | "left" | "both"

indeterminate

Boolean | undefined = false

isClearable

Boolean

name

string

onChange

(event: ChangeEvent<HTMLInputElement>) => void

size

"xs" | "sm" | "md" | "lg"

transparent

Boolean

variant

"error" | "focused" | "info" | "success" | "warning"

Button group Date picker