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-within | ||
active | ||
visited | ||
checked | ||
disabled |