useHover ​
Hook that defines the logic when hovering an element
typescript
import { useHover } from '@elysiumorg/solid-use';
Usage ​
typescript
const { ref, isHover } = useHover({ onEntry: () = > console.log('onEntry'), onLeave: () = > console.log('onLeave'), });
Demo ​
Api ​
Parameters
Name | Type | Default | Note |
---|---|---|---|
options.onEntry? | () => void | - | The callback function to be invoked on mouse enter |
options.onLeave? | () => void | - | The callback function to be invoked on mouse leave |