Interactivity
Cursor
Utilities for changes the cursor when hovering over an element.
Class
| class | css | |
|---|---|---|
| cursor-auto | cursor: auto | |
| cursor-default | cursor: default | |
| cursor-none v1.1.2 | cursor: none | |
| cursor-context-menu v1.1.2 | cursor: context-menu | |
| cursor-help v1.1.2 | cursor: help | |
| cursor-pointer | cursor: pointer | |
| cursor-progress v1.1.2 | cursor: progress | |
| cursor-wait | cursor: wait | |
| cursor-cell v1.1.2 | cursor: cell | |
| cursor-crosshair v1.1.2 | cursor: crosshair | |
| cursor-text | cursor: text | |
| cursor-vertical-text v1.1.2 | cursor: vertical-text | |
| cursor-alias v1.1.2 | cursor: alias | |
| cursor-copy v1.1.2 | cursor: copy | |
| cursor-move | cursor: move | |
| cursor-no-drop v1.1.2 | cursor: no-drop | |
| cursor-not-allowed | cursor: not-allowed | |
| cursor-all-scroll v1.1.2 | cursor: all-scroll | |
| cursor-col-resize v1.1.2 | cursor: col-resize | |
| cursor-row-resize v1.1.2 | cursor: row-resize | |
| cursor-n-resize v1.1.2 | cursor: n-resize | |
| cursor-e-resize v1.1.2 | cursor: e-resize | |
| cursor-s-resize v1.1.2 | cursor: s-resize | |
| cursor-w-resize v1.1.2 | cursor: w-resize | |
| cursor-ns-resize v1.1.2 | cursor: ns-resize | |
| cursor-ew-resize v1.1.2 | cursor: ew-resize | |
| cursor-ne-resize v1.1.2 | cursor: ne-resize | |
| cursor-nw-resize v1.1.2 | cursor: nw-resize | |
| cursor-se-resize v1.1.2 | cursor: se-resize | |
| cursor-sw-resize v1.1.2 | cursor: sw-resize | |
| cursor-nesw-resize v1.1.2 | cursor: nesw-resize | |
| cursor-nwse-resize v1.1.2 | cursor: nwse-resize |
Usage
<y class="cursor-pointer">
...
</y>Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-visible | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
