Interactivity

Pointer Events

Utilities for specifies whether an element is the target of mouse events.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
pointer-events-none	pointer-events: none
pointer-events-auto	pointer-events: auto

Usage

<div class="pointer-events-none">
  ...
</div>

HTML

.dummy {
  @extend
    .pointer-events-none;
}

SCSS