Checkboxes input

<k-checkboxes-input>

kirby/panel/src/components/Forms/Input/CheckboxesInput.vue

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

Props

Prop	Type	Default	Description
autofocus	`boolean`	–
columns	`number`	–
disabled	`boolean`	–
id	`number`\|`string`	function() { return this._uid; }
max	`number`	–
min	`number`	–
options	`array`	–
required	`boolean`	–
value	`array`\|`object`	function() { return []; }	The value for the input should be provided as array. Each value in the array corresponds with the value in the options. If you provide a string, the string will be split by comma.

Events

Event	Description	Passes
input		–
invalid		`undefined`

Example

<k-input
    type="checkboxes"
    v-model="value"
    :options="[
        { value: 'a', text: 'Option A' },
        { value: 'b', text: 'Option B' }
    ]"
    :required="true"
    :min="2"
    :max="5"
    @input="input"
/>

CSS classes

.k-checkboxes-input