DocumentationComponents

Checkbox

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

PropTypeDescriptionDefault
size"xs"|"sm"|"md"|"lg"|"xl"Size of the Checkboxsm
colorstringColor of the Checkboxblue
classNamestringclassName_

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>