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; }