Skip to content

VCheckboxBtn API

组件页面

属性

名称类型默认值
base-color
Sets the color of the input when it is not focused.
color
Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page .
defaults-target
The target component to provide defaults values for.
density
Adjusts the vertical height used by the component.
disabled
Removes the ability to click or target the component.
error
Puts the input in a manual error state.
false-icon
The icon used when inactive.
false-value
Sets value for falsy state.
id
Sets the DOM id on the component.
indeterminate
Puts the control in an indeterminate state. Used with the indeterminate-icon property.
indeterminate-icon
Icon used when the component is in an indeterminate state.
inline
Puts children inputs into a row.
label
Sets the text of the v-label or v-field-label component.
model-value
The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.
multiple
Changes select to multiple. Accepts array for value.
name
Sets the component’s name attribute.
readonly
Puts input in readonly state.
ripple
Applies the v-ripple directive.
theme
Specify a theme for this component and all of its children.
true-icon
The icon used when active.
true-value
Sets value for truthy state.
type
Provides the default type for children selection controls.
value
The value used when the component is selected in a group. If not provided, a unique ID will be used.
value-comparator
Apply a custom comparison algorithm to compare model-value and values contains in the items prop.

事件

名称类型
update:indeterminate
Event that is emitted when the component’s indeterminate state changes.
update:modelValue
Event that is emitted when the component’s model changes.

插槽

default
The default Vue slot.
input
The slot used for the default input element.
label
The default slot of the v-label or v-field-label component.