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.

Installation

npx ui-thing@latest add checkbox

Usage

Basic

I agree to the terms and conditions

Accept terms and conditions

You agree to our Terms of Service and Privacy Policy.

Default

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.

Card

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Chip

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