Select input

<k-select-input>

kirby/panel/src/components/Forms/Input/SelectInput.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
ariaLabel	`string`	–
autofocus	`boolean`	–
default	`string`	–
disabled	`boolean`	–
empty	`boolean`\|`string`	true	The text, that is shown as the first empty option, when the field is not required.
id	`number`\|`string`	function() { return this._uid; }
name	`number`\|`string`	–
options	`array`	[]
placeholder	`string`	–	The text, that is shown when no option is selected yet.
required	`boolean`	–
value	`string`\|`number`\|`boolean`	""

Events

Event	Description	Passes
click		–
input		–
invalid		`undefined`

Example

<k-input
    v-model="value"
    :options="[
        { value: 'a', text: 'Option A' },
        { value: 'b', text: 'Option B' }
    ]"
    name="select"
    type="select"
/>

CSS classes

.k-select-input