OrCheckbox
A styled checkbox component perfect for multiple option selection. Also has a switch mode.
Basic
Passing an array to the v-model directive will add/remove the value of the or-checkbox component and passing a primitive will update the value, essentially making the or-checkbox component act like a radio
Value: []
html
<or-checkbox v-model="users" value="Francis">Francis</or-checkbox> <br>
<or-checkbox v-model="users" value="Jerry">Jerry</or-checkbox><or-checkbox v-model="users" value="Francis">Francis</or-checkbox> <br>
<or-checkbox v-model="users" value="Jerry">Jerry</or-checkbox>Props
| Prop | Required | Default | Type | Description |
|---|---|---|---|---|
| value | true | null | object | Value of checkbox |
| uncheckedValue | false | null | string | Value of the checkbox when unchecked |
| isSwitch | false | false | boolean | Controls if the checkbox renders as a switch |