JSFiddle - React, Tailwind, and code Playground

by Beengie

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div class="row">
    <div class="container">
        <div class="col-md-12">
            <div class="row"> <a class="btn btn-success btn-sm" href="/addresses/new"><i class="fa fa-plus"></i>
              Add Address
              </a>
 <a class="btn btn-default btn-sm" href="/export_addresses.csv"><i class="fa fa-file-text-o"></i>
              Export CSV
              </a>
 <a class="btn btn-default btn-sm" href="/export_addresses.xlsx"><i class="fa fa-file-excel-o"></i>
              Export Excel
              </a>
 <a class="btn btn-default btn-sm" href="/export_addresses.json"><i class="fa fa-file-code-o"></i>
              Export JSON
              </a>

                <form id="search-form" action="/addresses" accept-charset="UTF-8" method="get">
                    <input name="utf8" type="hidden" value="✓">
                    <input type="text" name="search" id="search">
                    <input type="submit" value="Search">
                </form>
            </div>
            <div class="row">
                <div class="btn-group" style="padding-bottom: 1em;"> <a class="active btn btn-default btn-sm" href="/addresses">
                  <i class="fa fa-list"></i>
                  All Addresses
                </a>
 <a class="btn btn-default btn-sm" href="/addresses/consignees">
                  <i class="fa fa-briefcase"></i>
                  Consignees
                </a>
 <a class="btn btn-default btn-sm" href="/addresses/customers">
                  <i class="fa fa-user"></i>
                  Customers
                </a>
 <a class="btn btn-default btn-sm" href="/addresses/shippers">
                  <i class="fa fa-truck"></i>
                  Shippers
                </a>
 <a class="btn btn-default btn-sm"...