useReducedMotion

Returns whether the browser prefers reduced motion. This can be used to disable or pause any animations deemed to flashy.

Importing

1
import { useReducedMotion } from '@infinityfx/lively/hooks';

Usage

Call signature

1
const prefersReducedMotion = useReducedMotion()

Returns

prefersReducedMotion :boolean

Whether the browser prefers reduced motion.