RTL

vue-select supports RTL using the standard HTML API using the dir attribute.

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

The dir attribute accepts the same values as the HTML spec: rtl,ltr, and 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>
    <span slot="no-options">No Options Here!</div>
</v-select>

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

See the Pen by sagalbot (@sagalbot) on CodePen.