JSFiddle - React, Tailwind, and code Playground

by Randy Crews

HTML

<table class="table"><thead><tr><th></th><th class="text-left cursor-pointer"><div class="flex justify-start"><span class="hover:underline">Date</span><div class="sort-arrow"><lob-icon innerhtml="<svg width=&quot;12&quot; height=&quot;12&quot; viewBox=&quot;0 0 512 512&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>
    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
    <title>arrow-down</title>
    <desc>Created with Sketch.</desc>
    <g id=&quot;arrow-down&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>
        <path d=&quot;M139.142136,433.715729 C130.857864,433.715729 124.142136,440.431458 124.142136,448.715729 C124.142136,457 130.857864,463.715729 139.142136,463.715729 L372.857864,463.715729 C381.142136,463.715729 387.857864,457 387.857864,448.715729 L387.857864,215 C387.857864,206.715729 381.142136,200 372.857864,200 C364.573593,200 357.857864,206.715729 357.857864,215 L357.857864,433.715729 L139.142136,433.715729 Z&quot; id=&quot;Rectangle&quot; fill=&quot;currentColor&quot; fill-rule=&quot;nonzero&quot; transform=&quot;translate(256.000000, 331.857864) rotate(-315.000000) translate(-256.000000, -331.857864) &quot;></path>
        <path d=&quot;M241,16.25 L241,496.75 C241,505.034271 247.715729,511.75 256,511.75 C264.284271,511.75 271,505.034271 271,496.75 L271,16.25 C271,7.96572875 264.284271,1.25 256,1.25 C247.715729,1.25 241,7.96572875 241,16.25 Z&quot; id=&quot;Line-2&quot; fill=&quot;currentColor&quot; fill-rule=&quot;nonzero&quot;></path>
    </g>
</svg>" class="hydrated"><svg width="12" height="12" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
    <title>arrow-down</title>
    <desc>Created with Sketch.</desc>
    <g id="arrow-down" stroke="none" stroke-width="1"...