Checkbox
Import
import { VKCheckbox } from "@vivakits/react-components";Size
The Checkbox component comes with 3 different sizes that you can change it using the size prop.
Color
The Checkbox component comes with 7 different colors that you can change it using the color prop. It has both solid and outline variant
Rounded
The shape of the Checkbox component can be updated using rounded prop
API Reference
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | ReactNode | Displays checkbox content | - |
| color | primarysecondaryaccentsuccesswarningdanger | Changes checkbox color | primary |
| rounded | defaultnonexssmmdlgfulll | Changes checkbox the border radius | primary |
| size | smmdlgxl | Changes checkbox size | md |