Skip to main content
Category:

Custom icons for openIndicator and Deselect in vue-select

To render Custom icons for openIndicator and Deselect in vue-select, you could place your icons in a single file component, and then import it.

<!-- OpenIndicator.vue -->
<template>
  <svg>
    <polygon points="18.43 7.72 19.5 8.78 12 16.28 4.5 8.78 5.57 7.72 12 14.16 18.43 7.72"/>
  </svg>
</template>
<!-- Deselect.vue -->
<template>
   <span>❌</span>
</template>
import OpenIndicator from './OpenIndicator.vue'
import Deselect from './Deselect.vue'
import vSelect from 'vue-select';

vSelect.props.components.default = () => ({ OpenIndicator, Deselect });

Riadh Rahmi

Senior Web Developer PHP/Drupal & Laravel

I am a senior web developer, I have experience in planning and developing large scale dynamic web solutions especially in Drupal & Laravel.

Web Posts

Search

Page Facebook