Cursor

Utilities for controlling the cursor style when hovering over an element.

Live Editor
<>
  Hover on the cards to check the cursors
  <br />
  <div class="lil-flex">
    <div class="lil-cursor-pointer lil-bg-blue-100 lil-w-4/12 lil-m-2  lil-p-2">pointer</div>
    <div class="lil-cursor-text lil-bg-blue-100 lil-w-4/12 lil-m-2  lil-p-2">text</div>
    <div class="lil-cursor-not-allowed lil-bg-blue-100 lil-w-4/12 lil-m-2  lil-p-2">not-allowed</div>
  </div>
</>
<>
  Hover on the cards to check the cursors
  <br />
  <div class="lil-flex">
    <div class="lil-cursor-pointer lil-bg-blue-100 lil-w-4/12 lil-m-2  lil-p-2">pointer</div>
    <div class="lil-cursor-text lil-bg-blue-100 lil-w-4/12 lil-m-2  lil-p-2">text</div>
    <div class="lil-cursor-not-allowed lil-bg-blue-100 lil-w-4/12 lil-m-2  lil-p-2">not-allowed</div>
  </div>
</>
Result
Hover on the cards to check the cursors 
pointer
text
not-allowed