Select

Basic

country:
<vnt-select v-model="country" :options="countries"></vnt-select>

Disabled

United States
country: USA
<vnt-select v-model="color" :options="colors" disabled></vnt-select>

Custom label

country:
<vnt-select v-model="country" :options="countries" label="Choose country"></vnt-select>

Placeholder

Choose country
country:
<vnt-select v-model="country" :options="countries" placeholder="Choose country"></vnt-select>

Configuration

disabled

Default: false

Determines whether the select component should be in disabled mode or not.

label

Default: ''

The select's label text.

optionText

Default: 'label'

Name of property containing an option's label visible on options list.

optionValue

Default: 'value'

Name of property containing an option's value.

options

Default: []

An array of options to choose from.

placeholder

Default: ''

Placeholder text visible when no value selected.

value

Default: undefined

Sets the select's value. Accepts Number, String or Object.