Checkbox
Array Selection
In order to have multiple selected items in an array, set initial value for v-model as array type and use val prop as value of each item.
Selected: []
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| modelValue | string, number, boolean, array | Yes | undefined | The value of the component. |
| value | string, number, array | No | undefined | value of input ( usefull for array values ) |
| color | string | No | undefined | The primary color of the component. |
| iconColor | string | No | #fff | The color of the icon displayed in the component. |
| trueValue | any | No | true | The value that will be emitted by the component when it is in the "on" state. |
| falseValue | any | No | false | The value that will be emitted by the component when it is in the "off" state. |
| containerClass | string | No | undefined | Class(es) to be passed to container element of checkbox |
| disabled | boolean | No | false | If true, disables the input element. |
Slots
| Name | slot props | description |
|---|---|---|
| default | - | Whatever is in default slot will be able to trigger check/unchecking |
| icon | - | Icon instead of default check |
Table of Contents