components

Checkbox

Allow users to switch between check or unchecked state

Accept terms and conditions

Installation

Imports

Checkboxgroup Preview

Select Options

Option 1Option 2Option 3Option 4 (Disabled)

Examples

Indeterminate Checkbox Example

Indeterminate Checkbox

Select Member Example (Checkbox Group)

Select Members

Mike Torello

Head of Department of Physics

Angela Bower

Department of Neurology

Anna Mureum

Head of Engineering

Theodore T.C. Calvin

Department of Thermodynamics

Angus MacGyver

Resigned

Props

Checkbox Props

Prop Name	Default Value	Possible Values
name	-	string
value	-	string or number
checked	false	boolean
defaultChecked	false	boolean
onChange	-	`(checked: boolean) => void`
disabled	false	boolean
size	"md"	"sm", "md", "lg"
icon	`<Check/>`	React.ReactElement

CheckboxGroup Props

Prop Name	Default Value	Possible Values
label	-	string
size	"md"	"sm", "md", "lg"
defaultValue	-	string[]
value	-	string
onChange	-	`(values: string[]) => void`
disabled	false	boolean