Pointer Events

Controls how an item responds to pointer events.

Class	Property
pe-auto	`pointer-events: auto;`
pe-none	`pointer-events: none;`

Using responsive breakpoints like sm:pe-*, md:pe-*, lg:pe-*, and xxl:pe-* allows targeting specific utilities in different viewports.

<div class="pe-none md:md:pe-auto ..."></div>

Using :hover modifiers such as h:pe-* allows you to override elements and change their values when hovering over them.

<div class="pe-none h:h:pe-auto ..."></div>