Checkbox
Used in forms when a user needs to select multiple values from several options.
Start using via importing:
import { Checkbox } from "@perceptui/ui";
<Checkbox>Accept terms and conditions</Checkbox>
API References
Prop | Type | Description | Default |
---|---|---|---|
size | "xs"|"sm"|"md"|"lg"|"xl" | Size of the Checkbox | sm |
color | string | Color of the Checkbox | blue |
className | string | className | _ |
Examples
Color
<Checkbox color="red">Checkbox</Checkbox>
<Checkbox color="yellow">Checkbox</Checkbox>
<Checkbox color="green">Checkbox</Checkbox>
<Checkbox color="cyan">Checkbox</Checkbox>
<Checkbox color="dark">Checkbox</Checkbox>