Interactivity

Cursor

Utilities for changes the cursor when hovering over an element.


Class

classcss
cursor-autocursor: autoPoint Me
cursor-defaultcursor: defaultPoint Me
cursor-none v1.1.2cursor: nonePoint Me
cursor-context-menu v1.1.2cursor: context-menuPoint Me
cursor-help v1.1.2cursor: helpPoint Me
cursor-pointercursor: pointerPoint Me
cursor-progress v1.1.2cursor: progressPoint Me
cursor-waitcursor: waitPoint Me
cursor-cell v1.1.2cursor: cellPoint Me
cursor-crosshair v1.1.2cursor: crosshairPoint Me
cursor-textcursor: textPoint Me
cursor-vertical-text v1.1.2cursor: vertical-textPoint Me
cursor-alias v1.1.2cursor: aliasPoint Me
cursor-copy v1.1.2cursor: copyPoint Me
cursor-movecursor: movePoint Me
cursor-no-drop v1.1.2cursor: no-dropPoint Me
cursor-not-allowedcursor: not-allowedPoint Me
cursor-all-scroll v1.1.2cursor: all-scrollPoint Me
cursor-col-resize v1.1.2cursor: col-resizePoint Me
cursor-row-resize v1.1.2cursor: row-resizePoint Me
cursor-n-resize v1.1.2cursor: n-resizePoint Me
cursor-e-resize v1.1.2cursor: e-resizePoint Me
cursor-s-resize v1.1.2cursor: s-resizePoint Me
cursor-w-resize v1.1.2cursor: w-resizePoint Me
cursor-ns-resize v1.1.2cursor: ns-resizePoint Me
cursor-ew-resize v1.1.2cursor: ew-resizePoint Me
cursor-ne-resize v1.1.2cursor: ne-resizePoint Me
cursor-nw-resize v1.1.2cursor: nw-resizePoint Me
cursor-se-resize v1.1.2cursor: se-resizePoint Me
cursor-sw-resize v1.1.2cursor: sw-resizePoint Me
cursor-nesw-resize v1.1.2cursor: nesw-resizePoint Me
cursor-nwse-resize v1.1.2cursor: nwse-resizePoint Me

Usage

<y class="cursor-pointer">
...
</y>

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled