JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<div class="container mt-3">
	<div class="dropdown">
		<button class="btn btn-secondary dropdown-toggle" type="button"
				data-toggle="dropdown">
			Dropdown button
		</button>
		<div class="dropdown-menu">
			<a class="dropdown-item" href="#">
				<i class="fas fa-credit-card fa-fw mr-1"></i>
				Credit card
			</a>
			<a class="dropdown-item" href="#">
				<i class="fas fa-euro-sign fa-fw mr-1"></i>
				Cash
			</a>
		</div>
	</div>
</div>