Appearance
SelectInput
The SelectInput
component provides a convenient select field complete with label and validation support.
Examples
js
const colors = [
{ label: 'Red', value: 'red' },
{ label: 'Blue', value: 'blue' },
{ label: 'Green', value: 'green' },
]
html
<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 |