TipUse this to prevent "hover tunneling" or accidental triggers on tooltips and menus. The tolerance parameter allows the user to move the mouse slightly without immediately canceling the hover state.
The useHoverIntent helps prevent "flickering" UI elements (like tooltips or dropdowns) by measuring how long the mouse stays over an element and checking the pointer's movement tolerance. If the mouse moves too quickly across the element or leaves before the delay expires, the interaction is considered accidental and isIntent remains false.
| Name | Type | Description |
|---|---|---|
| options.delay | number | Time in milliseconds the pointer must dwell over the element. Default: 100. |
| options.tolerance | number | Pixel movement allowed before the intent timer resets. Default: 6. |
| Name | Type | Description |
|---|---|---|
| handlers | Object | Mouse event handlers (onMouseEnter, onMouseLeave, onMouseMove) to be spread on the target element. |
| isIntent | boolean | Reactive state that becomes true only when a hover is deemed intentional. |