Skip to content

usePreferredReducedMotion

Category
Export Size
603 B
Last Changed
5 days ago

Reactive prefers-reduced-motion media query

Demo

Usage

tsx
import { 
usePreferredReducedMotion
} from '@reause/core'
const
motion
=
usePreferredReducedMotion
() // 'reduce' | 'no-preference'

Type Declarations

ts
export type ReducedMotionType = 'reduce' | 'no-preference'

export function usePreferredReducedMotion(options?: ConfigurableWindow): ReducedMotionType

Source

Source · Demo · VueUse

Contributors

hairyf

Changelog

v0.1.0 on
a46e8 - fix(core): resolve usePreferredReducedMotion audit findings (#624)

Released under the MIT License. v0.1.8