Rounded:none

The checkbox component can have different radius factors. Here is an example of a rounded:none checkbox.

Default props of all <BaseCheckbox> can be set in your .app/app.config.ts.
Show code

Rounded:sm

The checkbox component can have different radius factors. Here is an example of a rounded:sm checkbox.

Show code

Rounded:md

The checkbox component can have different radius factors. Here is an example of a rounded:md checkbox.

Show code

Rounded:lg

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

Show code

Rounded:full

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

Show code

Disabled

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

Show code

Value:custom

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

Show code

Value:multiple

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.

Show code
This component has no props