useMediaQuery

Hook for responsive breakpoint detection using CSS media queries.

Usage

import { useMediaQuery } from "@spectre-ui/hooks";

function ResponsiveComponent() {
  const isMobile = useMediaQuery("(max-width: 768px)");
  const isDark = useMediaQuery("(prefers-color-scheme: dark)");

  return (
    <div>
      {isMobile ? "Mobile view" : "Desktop view"}
    </div>
  );
}