Vue Tab Complete Input

Example

Try tabbing these names: Andrew, Brady, Dan, Daniel, Danny, Emma, Ethan, Jake, Joe, John, Noah, Will, William. You can also start a word with @ to complete as you type.

Downloading

yarn add vue-tab-complete-input

Using

<tab-complete-input v-model="text" :data-source="list" />

<script>
import TabCompleteInput from "vue-tab-complete-input"

export default {
  components: { TabCompleteInput },
  data() {
    return {
      list: [],
      text: ''
    }
  },
}
</script>