useBreakpoint
Reports the active min-width breakpoint using matchMedia, so by default components re-render only when a breakpoint is crossed. Opt in to live width tracking when you need the exact width. Hydration safe, with custom breakpoint maps.
- Level
- Intermediate
- Since
- v2.1.0
import {useBreakpoint} from '@zenuilabs/react-hooks';Loading demo_
More in Browser & Device
Browser & DeviceBasicuseBatteryReads the battery level and charging state from the Battery Status API. Use it to pause heavy work or warn the user when the battery is low.Browser & DeviceIntermediateuseColorSchemeStores a light, dark or system color scheme preference and resolves it against the OS setting. The choice persists to localStorage, syncs across tabs, and is hydration safe.Browser & DeviceBasicuseEyeDropperPicks a color from anywhere on the screen with the EyeDropper API. Useful for design tools, theme editors and color inputs.