Vue Material -

Checkbox


by Creative Tim
Docs
Components
Premium themes

Checkboxes allow the user to select multiple options from a set. Vue material checkboxes can work with multiple v-model types: String, Number, Boolean, Object and Array.

Checkbox

Checkbox
Array Boolean String No Value Object
[] false
Hue Colors
True / False Value
Without :true-value / :false-value

With :true-value / :false-value

Native checkbox with :true-value / :false-value

API - md-checkbox

The following options can be applied to all checkboxes:

NameDescriptionDefault
v-model String|Number|Object|Boolean|Array The model variable to bind the selection value. If it is an array, it will toggle values inside of it. If no value is assigned, then it will use the same behaviour of a regular input[type="checkbox"]. null
value String|Number|Object|Boolean The value of the checkbox on
id String The checkbox unique id. a random string
indeterminate Boolean Enables the indeterminate look of the checkbox. false
All other <input type="checkbox"> attributes, such as name and required, can be used on md-checkbox.