Cursor

Classes for controlling the cursor appearance.

Available Classes

Class	Description
.cursor-pointer	Pointer (hand) cursor
.cursor-move	Move cursor
.cursor-default	Default cursor
.cursor-disabled	Disabled cursor
.cursor-resize-x	Horizontal resize cursor
.cursor-resize-y	Vertical resize cursor
.cursor-wait	Wait cursor
.cursor-help	Help cursor

Examples

Просмотр

default

pointer

disabled

wait

help

move

resize-x

resize-y

Код

<div class="flex gap-4 flex-wrap">
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-default">
    <p>default</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-pointer">
    <p>pointer</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-disabled">
    <p>disabled</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-wait">
    <p>wait</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-help">
    <p>help</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-move">
    <p>move</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-resize-x">
    <p>resize-x</p>
  </div>
  <div class="px-4 py-2 bg-blue-500 text-white rounded cursor-resize-y">
    <p>resize-y</p>
  </div>
</div>