# Select

# Basic

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

# Disabled

<vnt-select v-model="color" :options="colors" disabled></vnt-select>

# Custom label

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

# Placeholder

<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.