JSFiddle - React, Tailwind, and code Playground

HTML

<div class="AutoComplete"></div>
<script src="https://rawgit.com/yuanqing/autocomplete/9386f6b36f5376c85912771fd49a2eeb6b76a5b6/example/vendor.js"></script>
<script src="https://rawgit.com/yuanqing/autocomplete/9386f6b36f5376c85912771fd49a2eeb6b76a5b6/example/app.js"></script>

CSS

.textBox {
  display: inline-block;
  position: relative;
}
.isLoading .textBox input {
  background-color: lightgray;
}
.resultList {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
}
.resultItem a {
  display: block;
}
.resultItem a:active,
.resultItem a:hover {
  background-color: lightgray;
}
.isHighlighted {
  background-color: yellow;
}
.button {
  display: inline-block;
}