Interface HoverHandlers

interface HoverHandlers {
    whileHover?: VariantLabels | TargetAndTransition;
    onHoverEnd?(event, info): void;
    onHoverStart?(event, info): void;
}

Hierarchy (view full)

Properties

whileHover?

Methods

onHoverEnd? onHoverStart?

Properties

Optional whileHover

whileHover?: VariantLabels | TargetAndTransition

Properties or variant label to animate to while the hover gesture is recognised.

<motion.div whileHover={{ scale: 1.2 }} />

Methods

Optional onHoverEnd

  • onHoverEnd(event, info): void

  • Callback function that fires when pointer stops hovering over the component.

    <motion.div onHoverEnd={() => console.log("Hover ends")} />

    Parameters

    Returns void

Optional onHoverStart

  • onHoverStart(event, info): void

  • Callback function that fires when pointer starts hovering over the component.

    <motion.div onHoverStart={() => console.log('Hover starts')} />

    Parameters

    Returns void

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc