JSFiddle - React, Tailwind, and code Playground

by mrleblanc101

HTML

<script src="https://unpkg.com/vue/dist/vue.global.js"></script>
<script src="https://unpkg.com/@vueform/multiselect"></script>
<link rel="stylesheet" href="https://unpkg.com/@vueform/multiselect/themes/default.css">
<div id="app">
  <label>Clicking this won't focus the Multiselect
    <Multiselect
      v-model="value"
      :options="options"
    ></Multiselect>
  </label>
  <label>Clicking this will focus the Multiselect
    <Multiselect
      v-model="value"
      :options="options"
        searchable
    ></Multiselect>
  </label>
</div>

CSS

body {
  font-family: Avenir, Helvetica, Arial, sans-serif;
}

JavaScript

const app = Vue.createApp({
  data: () => ({
  	value: null,
    options: [1,2,3],
	})
})

app.component('Multiselect', VueformMultiselect)
app.mount('#app')