Utility
useMediaQuery
Match CSS media queries and respond to responsive breakpoint changes.
import { useMediaQuery } from "saha-ui"Uses
Evaluate a CSS media query and react to changes (prefers-color-scheme, breakpoints, reduced-motion). Exports small helpers like useIsMobile and useIsDesktop.
Props
| Name | Type | Description | Default |
|---|---|---|---|
| query | string | Media query expression. | - |
Returns
| Name | Description |
|---|---|
| matches | Boolean indicating whether the query currently matches. |
Example
const isMobile = useMediaQuery('(max-width: 768px)');Notes
Provides predefined hooks: useIsMobile, useIsTablet, useIsDesktop, useIsDarkMode, usePrefersReducedMotion.