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.