Pointer events

Utilities for controlling how an element responds to mouse/touch events.

Pointer Event Classes

<el class="d-pe-auto">...</el>
<el class="d-pe-inherit">...</el>
<el class="d-pe-none">...</el>

User Select Classes

Use the user-select property to control whether the user can select text.

<div class="d-us-auto">...</div>
<div class="d-us-none">...</div>

Classes

Class
Output
.d-pe-auto pointer-events: auto !important;
.d-pe-inherit pointer-events: inherit !important;
.d-pe-none pointer-events: none !important;
.d-us-auto user-select: auto !important;
.d-us-none user-select: none !important;
Pointer events documentation last updated Thursday, June 11, 2026