Vue Select

# Right to Left

Vue Select supports RTL using the standard HTML API using the dir prop.

<v-select dir="rtl"></v-select>

The dir prop accepts the same values as the HTML spec:

  • rtl
  • ltr
  • auto

# Component Text

All of the text within the component has been wrapped within slots and can be replaced in your app.

# Loading Spinner

Slot Definition:

<slot name="spinner">
	<div class="spinner" v-show="mutableLoading">Loading...</div>
</slot>

Implementation:

<v-select>
	<i slot="spinner" class="icon icon-spinner"></i>
</v-select>

# No Options Text

Slot Definition:

<slot name="no-options">Sorry, no matching options.</slot>

Implementation:

<v-select>
	<div slot="no-options">No Options Here!</div>
</v-select>

For a full list of component slots, view the slots API docs.

← Validation →