Dropdown Select

A drop-down list is a graphical control element, similar to a list box, that allows the user to choose one value from a list. When a drop-down list is inactive, it displays a single value. When activated, it displays a list of values, from which the user may select one.

Examples

                     
        <div class="custom-select m-16">
  <select class="bg-indigo-400 text-white text-xl">
    <option selected disabled>Choose a filter</option>
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
    <option value="">4</option>
    <option value="">5</option>
  </select>
</div>