getkirby.com icon indicating copy to clipboard operation
getkirby.com copied to clipboard

Reference: UI Kit examples missing type property

Open mullema opened this issue 4 years ago • 0 comments

e.g. checkboxes, select, maybe more.

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

For checkboxes and select, the reason is, that the property type is missing. Therefore the correct input component cannot be loaded.

This works:

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

mullema avatar Apr 09 '20 19:04 mullema