components

Checkbox

Allow users to switch between check or unchecked state

Source Code
Radix

Installation

Imports

Checkboxgroup Preview

Select Options

Examples

Indeterminate Checkbox Example

Select Member Example (Checkbox Group)

Select Members

Props

Checkbox Props

Prop NameDefault ValuePossible Values
name-string
value-string or number
checkedfalseboolean
defaultCheckedfalseboolean
onChange-(checked: boolean) => void
disabledfalseboolean
size"md""sm", "md", "lg"
icon<Check/>React.ReactElement

CheckboxGroup Props

Prop NameDefault ValuePossible Values
label-string
size"md""sm", "md", "lg"
defaultValue-string[]
value-string
onChange-(values: string[]) => void
disabledfalseboolean