Checkbox - Docs

import { Checkbox } from "@eggspot/ui"

Intents

LondonVienamHo Chi Minh City

<Checkbox intent={Checkbox.intents.primary} label="London"></Checkbox>
<Checkbox label="Vienam" indeterminated></Checkbox>
<Checkbox label="Ho Chi Minh City" defaultChecked></Checkbox>

Sizes

LondonVienam

<Checkbox intent={Checkbox.intents.primary} label="London"></Checkbox>
<Checkbox label="Vienam"></Checkbox>

Disabled

LondonVienamHo Chi Minh CityUnchecked - indeterminated

<Checkbox
  intent={Checkbox.intents.primary}
  label="London"
  disabled
></Checkbox>
<Checkbox label="Vienam" disabled></Checkbox>
<Checkbox label="Ho Chi Minh City" defaultChecked disabled></Checkbox>
<Checkbox label="Unchecked - indeterminated" indeterminated disabled></Checkbox>

Props

Attribute	Type	Description	Default
intent	Intents	Change checkbox color	`primary`
size	Sizes	Change checkbox size	`medium`
label	`React.ReactNode`	Text label for the Checkbox.	-
indeterminated	`boolean`	Indeterminate	`false`
...	`'id', 'className', ...`	Button native props	-

Types

Intents type

type Intents = 'primary';

Sizes type

type Sizes = 'medium' | 'large';