Skip to content

Interactivity

Cursor and pointer-events utilities.


Cursor

ClassCSS
cursor-pointercursor: pointer
cursor-defaultcursor: default
cursor-not-allowedcursor: not-allowed
cursor-pointer (hover me)
cursor-default
cursor-not-allowed

Pointer Events

ClassCSS
pointer-events-nonepointer-events: none
pointer-events-autopointer-events: auto

Responsive Variants

All interactivity classes support breakpoint prefixes: sm:, md:, lg:, xl:, 2xl:.

html
<div class="pointer-events-none md:pointer-events-auto">
  Non-interactive on mobile, interactive from md up
</div>