Checkbox Buttons

Single Checkbox
number 0
Checkbox buttons
Checkbox buttons (inline)
v-model usage:

If you bind an *Array* as your v-model then the component will automatically add/remove the value from the array when it is changed.

- or -

If you bind a String, Number, or NULL then it will just bind the value directly

Name Type Default Description
checked v-model
Array, String, Boolean
NULL
The v-model binded prop on the checkbox input. Should be provided via v-model. If only the prop is sent then you would need to listen for the input event to update the prop
name
String
''
The name given to the input field
label
String
''
The label to be used for the checkbox button
value
String, Number
NULL
The actual value of the checkbox button
disabled
Boolean
false
Whether the checkbox is disabled or not
inline
Boolean
false
If set true the checkbox will be displayed inline
switchStyle
Boolean
false
If set to true the checkbox will use a switch style instead of a check