JSFiddle - React, Tailwind, and code Playground

by Brian Dukes

HTML

<ul class="location-list">
    <li>
        <h2>maps:</h2>
        <a class="store-name ui-link" href="maps:515+Lansing+Street%2c+Charlotte%2c+MI+48813-1100">Byrum True Value Hardware  - Charlotte</a>
        <ul class="address">
            <li><a href="maps:515+Lansing+Street%2c+Charlotte%2c+MI+48813-1100" class="ui-link" data-transition="fade" data-direction="reverse">515 Lansing Street</a></li>
            <li><a href="maps:515+Lansing+Street%2c+Charlotte%2c+MI+48813-1100" class="ui-link">Charlotte, MI 48813-1100</a></li>
        </ul>
    </li>
    <li>
        <h2>geo:</h2>
        <a class="store-name ui-link" href="geo:0,0?q=832+W+Bellevue%2c+Leslie%2c+MI+49251-0000">Byrum True Value Hardware - Leslie</a>
        <ul class="address">
            <li><a href="geo:0,0?q=832+W+Bellevue%2c+Leslie%2c+MI+49251-0000" class="ui-link">832 W Bellevue</a></li>
            <li><a href="geo:0,0?q=832+W+Bellevue%2c+Leslie%2c+MI+49251-0000" class="ui-link">Leslie, MI 49251-0000</a></li>
        </ul>
    </li>
</ul>