A typeahead/autocomplete component for Vue 2 using Bootstrap 4

Usage no npm install needed!

<script type="module">
  import vueTypeaheadBootstrap from '';



A simple list-group based typeahead/autocomplete using Bootstrap 4 and Vue 2

Preview image of the vue-typeahead-bootstrap component

Here are some live examples, give them a try here.

Getting Started

Getting started guide is here.


Docs are here.


Please note that active development is done on the main branch. PR's are welcome! Here's the basic steps to get going.

Here's the steps to getting the project to work locally:

  1. Clone the repo: git clone
  2. yarn
  3. vuepress dev docs
  4. Open a browser and go to localhost:8080
  • Then to run tests: npm run test:unit

2.0 Release - Migration Necessary

If you were using a version prior to 2.0, you'll need to change all references of vue-bootstrap-typeahead to vue-typeahead-bootstrap and of VueBootstrapTypeahead to VueTypeaheadBootstrap.

The original project lost it's maintainer and we picked it up to keep it moving. More info here if you're interested.

Local Examples/Demo

Clone this repository and run vuepress dev docs. Then, navigate to http://localhost:8080/vue-typeahead-bootstrap-docs/ to launch the documentation and examples. The source is in docs/ and docs/.vuepress


I want to specifically acknowledge the original repository by Alex Urquhart for this work: He brought this project into reality, we're simply trying to help keep it moving forward. Thanks, Alex!