<Checkbox value="cat" v-model="values" color="#f50057">Cat</Checkbox>
<Checkbox value="dog" v-model="values">Dog</Checkbox>
<Checkbox value="husky" v-model="values">Husky</Checkbox>
<Checkbox value="fish" v-model="values">fish</Checkbox>
There is no ID's on Checkboxes and they will'be autogenerated, But i recommend specify them yourself.
<Checkbox
v-for="(box, id) in checks"
:key="id"
:value="box.check"
:checked="box.checked"
:disabled="box.disabled"
@change="handleChange(box)"
>{{ box.check }}</Checkbox>
This component must be used with v-model to work properly
<Checkbox v-model="model" value="any value" color="#f50057" :size="48">size 48px</Checkbox>
<Checkbox v-model="model" color="#0070ff" :size="32">size 32px</Checkbox>