| Category | Browser |
|---|---|
| Export Size | 505 B |
| Last Changed | 2 weeks ago |
Reactive Media Query. Once you've created a MediaQueryList object, you can check the result of the query or receive notifications when the result changes.
import { useMediaQuery } from '@vueuse/core'
const isLargeScreen = useMediaQuery('(min-width: 1024px)')
const isPreferredDark = useMediaQuery('(prefers-color-scheme: dark)')
/** * Reactive Media Query. * * @see https://vueuse.org/useMediaQuery * @param query * @param options */ export declare function useMediaQuery( query: MaybeRefOrGetter<string>, options?: ConfigurableWindow ): Ref<boolean>
© 2019-present Anthony Fu
Licensed under the MIT License.
https://vueuse.org/core/useMediaQuery/