Pointer Events

Utilities for controlling whether an element responds to pointer events.

Use to revert to the default browser behavior for pointer events (like :hover and ).

Try clicking the search icons to see the expected behaviour

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use to only apply the pointer-events-auto utility on focus.

For a complete list of all available state modifiers, check out the documentation.

To learn more, check out the documentation on , Dark Mode and .