Home > @uniformdev/design-system > prefersReducedMotion
prefersReducedMotion() function
Prefers Reduced Motion Helper Function
Signature:
Parameters
|
Parameter |
Type |
Description |
|---|---|---|
|
cssProp |
"reduce" | "no-preference" |
The css property you want to check support |
Returns:
string
{} - compiled prefers reduced motion query e.g. (prefers-reduced-motion: reduce)
Example
${prefersReducedMotion('reduce')} { animation: none; }