useMediaQuery
Track whether a CSS media query matches.
Import
import { useMediaQuery } from "neoterm-ui";Usage
const isMobile = useMediaQuery("(max-width: 768px)");
const prefersLight = useMediaQuery("(prefers-color-scheme: light)");
return isMobile ? <MobileNav /> : <DesktopNav />;Signature
function useMediaQuery(query: string): boolean
Parameters
| Prop | Type | Default | Description |
|---|---|---|---|
| query | string | — | CSS media query string. |
Returns
boolean — true when the media query matches.