SelectInput

The SelectInput component provides a convenient select field complete with label and validation support.

Examples

const colors = [
    { label: 'Red', value: 'red' },
    { label: 'Blue', value: 'blue' },
    { label: 'Green', value: 'green' },
]

<SelectInput label="Colors" name="colors" :items="colors"  />

An example can be seen in /frontend/views/ComponentExamples.vue

Component Props

Prop	Description	Options
name	the field name of the select input
label	the text label of the select input
items	an array of objects representing the select options. Each object contains a label and valye prop.
classes	additional comma delimited list of css classes to apply to the input element

Component Events

Event	Description	Args
--

CSS Classes

Class	Description
.input-error	the class applied when there is a validation error