Hover event
Hover values
| Property | default | Description |
|---|---|---|
| device | Type of device | |
| active | false | Whether drag is active. |
| _active | false | Whether drag is active. |
| value | [0, 0] | Current position |
| _value | [0, 0] | Previous position |
| delta | [0, 0] | Delta of position |
| offset | [0, 0] | Offset of position |
| movement | [0, 0] | Movement of position |
| target | null | Target element |
Hover events
| Event name | Argument | Description |
|---|---|---|
| onHover | HoverState | Called on all hover events. Mainly events specified |
| onHoverStart | Event | Called on hover start events |
| onHovering | Event | Called on hover move events |
| onHoverEnd | Event | Called on hover end events |
| onMount | Element | Called when the component is mounted |
| onClean | null | Called when the component is removed |
Hover state
export interface HoverState<El extends Element = Element> {
_active: boolean
active: boolean
device: 'mouse' | 'pointer' | 'touch'
_value: Vec2
value: Vec2
delta: Vec2
offset: Vec2
movement: Vec2
event: Event
target: El
isHoverStart: boolean
isHovering: boolean
isHoverEnd: boolean
onHover: (self: HoverState) => void
onHoverStart(e: Event): void
onHovering(e: Event): void
onHoverEnd(e: Event): void
onMount(target: El): void
onClean(target?: El): void
ref(target: El | null): void
}