The checkbox component can have different shapes. Here is an example of a straight checkbox.

The checkbox component can have different shapes. Here is an example of a rounded checkbox.

The checkbox component can have different shapes. Here is an example of a curved checkbox.

The checkbox component can have different shapes. Here is an example of a full checkbox.

The checkbox component can show a disabled state. Use the disabled prop to make a checkbox disabled.

Use true-value/false-value to create custom behavior

By default, the checkbox value has only two states: true and false. To use checkbox to select multiple options, define the v-model to an array.

You can use any colors defined with tailwind, use classes props to set your own values