{"library":"react-use-hoverintent","title":"react-use-hoverintent","description":"React hook that implements hoverIntent behavior, delaying hover callbacks until the user's mouse slows down. Version 1.3.0 supports ESM and CommonJS, includes TypeScript types, and has zero dependencies. Released roughly every few months with maintenance updates. Differentiates from alternatives by being a lightweight hook with no external runtime requirements, inspired by jQuery hoverIntent.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install react-use-hoverintent"],"cli":null},"imports":["import { useHoverIntent } from 'react-use-hoverintent'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import { useHoverIntent } from 'react-use-hoverintent';\nimport React from 'react';\n\nexport const MyComponent = () => {\n  const [isHovering, intentRef, setIsHovering] = useHoverIntent({\n    timeout: 150,\n    sensitivity: 7,\n    interval: 120\n  });\n  return (\n    <div\n      ref={intentRef}\n      style={{\n        width: 200,\n        height: 200,\n        background: isHovering ? 'blue' : 'gray',\n        transition: 'background 0.3s'\n      }}\n    >\n      {isHovering ? 'Hovering' : 'Not hovering'}\n    </div>\n  );\n};","lang":"javascript","description":"Basic usage of useHoverIntent hook with custom options, showing isHovering state and ref.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}