JSFiddle - React, Tailwind, and code Playground

by Beengie

HTML

<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>