JSFiddle - React, Tailwind, and code Playground

by Maiki Nahara

HTML

<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/[email protected]"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/vue-select.css">
<div id='app'>
  <h1>Vue Select</h1>
  <v-select :options="options" :searchable='false' :close-on-select='false' :multiple='true'>
    <template #list-header>
      <li style="text-align: center"><input type='text' /></li>
    </template>
  </v-select>
</div>

JavaScript

Vue.component('v-select', VueSelect.VueSelect)

new Vue({
  el: '#app',
  data: {
    options: [
      'foo',
      'bar',
      'baz'
    ]
  }
})