要素のホバー状態を検出するフック
isHoveredbooleanhoverProps{ onPointerEnter: () => void; onPointerLeave: () => void }| Prop | Type | Default |
|---|---|---|
isHovered | boolean | - |
hoverProps | { onPointerEnter: () => void; onPointerLeave: () => void } | - |
State: Not hovered
import { useHover } from '@k8ordo/ui';const { isHovered, hoverProps } = useHover();
return (
<div>
<div {...hoverProps}>Hover me</div>
<p>State: {isHovered ? 'Hovered' : 'Not hovered'}</p>
</div>
);