JSFiddle - React, Tailwind, and code Playground

HTML

<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

<datalist id="ice-cream-flavors">
  <option value="1">Chocolate</option>
  <option value="2">Coconut</option>
  <option value="3">Mint</option>
  <option value="4">Strawberry</option>
  <option value="5">Vanilla</option>
</datalist>

CSS

label {
  display: block;
  margin-bottom: 10px;
}