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.
نمایش کد
vue

Rounded:sm

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

نمایش کد
vue

Rounded:md

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

نمایش کد
vue

Rounded:lg

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

نمایش کد
vue

Rounded:full

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

نمایش کد
vue

Disabled

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

نمایش کد
vue

Value:custom

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

نمایش کد
vue

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.

نمایش کد
vue
v-model
نمایش مثال
vue
classes
Optional CSS classes to apply to the wrapper, label, and input elements.
نمایش مثال
vue
disabled
Whether the checkbox is disabled.
نمایش مثال
vue
error
An error message to display below the checkbox label.
نمایش مثال
vue
false-value
The value to set when the checkbox is unchecked.
نمایش مثال
vue
id
The form input identifier.
نمایش مثال
vue
indeterminate
Whether the checkbox is in indeterminate state.
نمایش مثال
vue
label
The label to display for the checkbox.
نمایش مثال
vue
true-value
The value to set when the checkbox is checked.
نمایش مثال
vue
value
Defines the value of the checkbox when it's checked.
نمایش مثال
vue
color
The color of the checkbox.
نمایش مثال
vue
rounded
The radius of the checkbox.

@since

2.0.0

نمایش مثال
vue
#default
نمایش مثال
vue