Checkbox

Our Checkbox makes option selection a cakewalk. One or many, pick what you fancy!

Check me

1import { Checkbox, FlexBox } from '@sugarcoat/ui';
2
3<FlexBox gap='3' justify='center'>
4  <Checkbox label='Check me' />
5</FlexBox>
6

Component	Description
Checkbox	The decision maker. The small clickable box that lets users toggle between choices, perfect for when you need to pick any number of options from a set.

Prop	Type	Default	Explanation
`size`	`string`	md	The size of the checkbox component.
`color`	`string`	default	The color variant of Checkbox components.
`checked`	`boolean`	false	Checkbox's state
`label`	`string`	-	Text to be used as Label alongside Checkbox
`onCheckedChange`	`function`	-	Callback function that is called when check state changes.
`radius`	`string`	sm	The radius of the Checkbox
`shadow`	`string`	none	The shadow of the Checkbox

Check out these sample themes

Or create your ownBrand color

Accent color

Neutral color

Border radius