Skip to content

Kirby 3.6.0

Select input

<k-select-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
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