Skip to content

Kirby 3.6.1

Checkboxes input

<k-checkboxes-input>

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