JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Silahkan Pilih
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li class="dropdown-header">Dropdown header</li>
    <li><a href="#">Islam</a></li>
    <li><a href="#">Kristen Protestan</a></li>
    <li><a href="#">Kristen Katolik</a></li>
    <li><a href="#">Hindu</a></li>
    <li><a href="#">Budha</a></li>
    <li><a href="#">Kong Hu Cu</a></li>
    <li class="disabled"><a href="#">Item yang disabled</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Item di bawah garis pembatas</a></li>    
  </ul>
</div>