useMediaQuery | /deps/usehooks-ts.ts | netzo@0.4.72

function useMediaQuery

Deprecated

this useMediaQuery's signature is deprecated, it now accepts an query parameter and an options object.

import { useMediaQuery } from "https://deno.land/x/netzo@0.4.72/deps/usehooks-ts.ts";

Deprecated

this useMediaQuery's signature is deprecated, it now accepts an query parameter and an options object.

useMediaQuery(query: string, defaultValue: boolean): boolean

Custom hook for tracking the state of a media query.

Examples

const isSmallScreen = useMediaQuery('(max-width: 600px)'); // Use isSmallScreen to conditionally apply styles or logic based on the screen size.

query: string

defaultValue: boolean

The default value to return if the hook is being run on the server (default is false).

boolean

The current state of the media query (true if the query matches, false otherwise).