useMediaQuery API

API reference for the useMediaQuery composable.

Functions

(query: MaybeRefOrGetter<string>) => MediaQueryContext

Reactive media query matching.

() => MediaQueryContext

Check if the user prefers dark color scheme.

() => MediaQueryContext

Check if the user prefers reduced motion.

() => MediaQueryContext

Check if the user prefers more contrast.

Readonly<ShallowRef<boolean>>

Whether the media query currently matches

ComputedRef<string>

The current media query string

Readonly<ShallowRef<MediaQueryList>>

The underlying MediaQueryList (null on server)

() => void

Stop listening and clean up