Checkbox

A control that allows the user to toggle between checked and not checked.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add checkbox

Accept terms and conditions

You agree to our Terms of Service and Privacy Policy.

We can set the default value of the checkbox by binding the v-model:checked prop to a boolean value.

To bind the default value on the VeeCheckbox component, we need to use the v-model prop instead of v-model:checked.

I will be on by default

This checkbox will be true by default.

Carousel

A carousel with motion and swipe built using Embla.

Chip

A component used to display some sort of indicator on another component.