HOOKS
Hooks
GitHubPublish

Docs

InstallationUsageAll hooks

Hooks

useAsyncuseAutosaveuseBatteryuseBreakpointuseClickOutsideuseClipboarduseCookieuseCountdownuseDebounceuseDeviceOrientationuseDocumentVisibilityuseDragAndDropuseElementSizeuseElementVisibilityuseEventListeneruseFileUploaduseFocusTrapuseFormuseFormPersistuseFullscreenuseGeolocationuseIdleuseInfiniteScrolluseIntervaluseKeyboardShortcutuseLocalStorageuseLongPressuseMediaQueryuseOnlineuseOtpInputusePageFocususePaginationusePermissionusePollingusePreferredThemeusePrevioususeReducedMotionuseRetryuseScrollDirectionuseScrollLockuseScrollPositionuseSearchParamsStateuseSelectionuseSessionStorageuseSyncedStateuseThrottleuseUndoRedouseUnsavedChangesuseWebSocketuseWindowSize
Hooks

useMediaQuery

Publisher

cermuel

50 hooks published

More from this publisher

useAsyncuseAutosaveuseBattery

useMediaQuery

React to CSS media query changes.

useMediaQuery.tsx
import { useMediaQuery } from "@cermuel/hooks/react";export function useMediaQueryExample() {  const wide = useMediaQuery("(min-width: 768px)");  return <p>{wide ? "Wide" : "Compact"}</p>;}

Props

Param
Type
Default Value
query
string

Returns

boolean

Publisher

cermuel

50 hooks published

More from this publisher

useAsyncuseAutosaveuseBattery