use-hover

Detect if mouse is over given element
Import

Usage

Put mouse over me please
function Demo() {
const { hovered, ref } = useHover();
return (
<div ref={ref}>
{hovered ? 'I am hovered' : 'Put mouse over me please'}
</div>
);
}

Definition

function useHover<T extends HTMLElement = HTMLDivElement>(): {
ref: React.MutableRefObject<T>;
hovered: boolean;
};
Build fully functional accessible web applications faster than ever
Feedback
Your feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done good
Leave feedback