Localization

Right to Left

Vs Vue3 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 specopen in new window:

  • rtl
  • ltr
  • auto

Component Text

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

Loading Spinner

<v-select>
    <template #spinner="{ loading }">
        <span v-if="loading">Загрузка...</span>
    </template>
</v-select>
<slot name="spinner">
  <div class="spinner" v-show="mutableLoading">Loading...</div>
</slot>

No Options Text

<v-select>
    <template #no-options>Нет доступных опцйи</template>
</v-select>
<slot name="no-options">Sorry, no matching options.</slot>

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