Pointer Events

Atomic pointer-event classes allow you to quickly change an element’s interactivity.

Classes

Class Output Definition
.pe-auto pointer-events: auto;

The element behaves as it would if the pointer-events property were not specified.

.pe-none pointer-events: none;

Disables mouse events (clicking, dragging, hovering, etc.) on the element and its decendents.

Examples

1
2
<div class="pe-auto"></div>
<div class="pe-none"></div>