Slots styling

Vs Vue3 Select currently offers several slots. Slots are described in the documentation API Docs for Slots.

As an example, we will give an improved stylization of the message about the lack of options suitable for the search bar. By default, Sorry, no matching options is displayed. You can add additional contextual information using the field in your own applications.

Loading...

<template>
  <v-select>
    <template #no-options="{ search, searching }">
      <template v-if="searching">
        No results found for <em>{{ search }}</em>
      </template>
      <em v-else style="opacity: 0.5">Start typing to search for a country.</em>
    </template>
  </v-select>
</template>