Forms
Checkbox - Native
The native checkbox allows you to do regular checkbox stuff like binding to an array of values.
Source code
Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
Why?
You may be wondering why this is here. I ran into an issue the other day with how the checkbox from Radix Vue was working with an array of values.
This has been fixed with the CheckboxGroup component in Reka UI but I am keeping this here anyways 🙂
Usage
Basic
Indeterminate
Colors
The color prop accepts the 30 colors shared with the Badge and the Tag Group through ~/utils/badge-colors: primary, the whole Tailwind palette (including the newer taupe, mauve, mist and olive) and the error, warning and success aliases. The default is blue.