Hook

useReducedMotion

Reads the user preference for reduced motion.

Hook

import { useReducedMotion } from "@swirski/ui";

Live render

Preview

Motion preference

const reducedMotion = useReducedMotion();

1 documented

Prop	Type	Default	Notes
`initialValue`	`boolean`	`false`	Initial value before the media query runs.

1 documented

Value	Type	Notes
`reducedMotion`	`boolean`	True when prefers-reduced-motion is reduce.