Hook

useMediaQuery

Tracks a CSS media query in React state.

Hook

import { useMediaQuery } from "@swirski/ui";

Live render

Preview

Responsive state hook

const isDesktop = useMediaQuery("(min-width: 1024px)");

2 documented

Prop	Type	Default	Notes
`query`Required	`string`	`-`	CSS media query to observe.
`initialValue`	`boolean`	`false`	Initial value before the browser runs the query.

1 documented

Value	Type	Notes
`matches`	`boolean`	Whether the media query currently matches.