JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

Hover the element to see the cursor types <br/>
<span style="cursor:auto">auto</span><br/>
<span style="cursor:default">default</span><br/>
<span style="cursor:pointer">pointer</span><br/>
<span style="cursor:text">text</span><br/>
<span style="cursor:crosshair">crosshair</span><br/>
<span style="cursor:move">move</span><br/>
<span style="cursor:help">help</span><br/>
<span style="cursor:no-crop">no-crop</span><br/>
<span style="cursor:not-allowed">not-allowed</span><br/>
<span style="cursor:ne-resize">ne-resize</span><br/>
<span style="cursor:nw-resize">nw-resize</span><br/>
<span style="cursor:n-resize">n-resize</span><br/>
<span style="cursor:se-resize">se-resize</span><br/>
<span style="cursor:sw-resize">sw-resize</span><br/>
<span style="cursor:s-resize">s-resize</span><br/>
<span style="cursor:w-resize">w-resize</span><br/>
<span style="cursor:ew-resize">ew-resize</span><br/>
<span style="cursor:ns-resize">ns-resize</span><br/>
<span style="cursor:nesw-resize">nesw-resize</span><br/>
<span style="cursor:nwse-resize">nwse-resize</span><br/>
<span style="cursor:col-resize">col-resize</span><br/>
<span style="cursor:row-resize">row-resize</span><br/>
<span style="cursor:cell">cell</span><br/>
<span style="cursor:progress">progress</span><br/>
<span style="cursor:vertical-text">vertical-text</span><br/>
<span style="cursor:wait">wait</span><br/>
<span style="cursor:copy">copy</span><br/>
<span style="cursor:alias">alias</span><br/>
<span style="cursor:none">none</span><br/>