Documentation

Gestures

Supported tap, hover, and focus handlers in Motionwind React Native v2.

Gestures

Prefix	Native handlers	Availability
`animate-tap:`	`onPressIn`, `onPressOut`	Use `mw.Pressable` or another press-capable component.
`animate-hover:`	`onHoverIn`, `onHoverOut`	Pointer-capable platforms/components only.
`animate-focus:`	`onFocus`, `onBlur`	Focusable components such as `mw.TextInput`.

<mw.Pressable
  accessibilityRole="button"
  className="animate-tap:scale-95 animate-tap:opacity-80 animate-spring"
>
  <mw.Text>Press me</mw.Text>
</mw.Pressable>

<mw.TextInput
  accessibilityLabel="Project name"
  className="animate-focus:scale-102 animate-duration-150"
/>

The handler resets to the enter/base state when the interaction ends. When reduced motion is active, Motionwind omits interactive handlers rather than running a shortened transform.

Drag is not part of this handler layer in v2. See Drag for the direct Gesture Handler pattern.