Interactivity

Cursor

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

Basic Usage

Setting the cursor style

Use the cursor-{style} to control which cursor is displayed when hovering over an element.

<button type="button" className="**cursor-pointer** ...">
  Submit
</button>
<button type="button" className="**cursor-progress** ...">
  Saving...
</button>
<button type="button" disabled className="**cursor-not-allowed** ...">
  Confirm
</button>