Pointer events
Utilities for enabling/disabling pointer events.
Quick reference
Section titled “Quick reference”| Class | Styles |
|---|---|
af-pointer-none | pointer-events: none |
af-pointer-auto | pointer-events: auto |
Examples
Section titled “Examples”Disable clicks
<button class="af-btn af-pointer-none">
Not clickable
</button>Re-enable pointer events
<div class="af-pointer-none af-border af-radius-md af-p-sm">
<button class="af-btn af-pointer-auto">
Clickable
</button>
</div>