prefersReducedMotion

Reads the browser prefers-reduced-motion: reduce media query. It returns false when window.matchMedia is unavailable.

Importing

import { prefersReducedMotion } from '@almighty-shogun/utils';

Usage

import { prefersReducedMotion } from '@almighty-shogun/utils';

const animationDuration = prefersReducedMotion() ? 0 : 200;

Returns

true when the browser reports a reduced-motion preference.

Type signature

declare function prefersReducedMotion(): boolean;