@bianic-ui/media-query
Version:
A React hook for changing properties or visibility of a component based on css media query
14 lines (13 loc) • 375 B
TypeScript
import { Dict } from "@bianic-ui/utils";
/**
* Create a media query string from the breakpoints,
* using a combination of `min-width` and `max-width`.
*/
declare function createMediaQueries(breakpoints: Dict): MediaQuery[];
interface MediaQuery {
breakpoint: string;
maxWidth?: string;
minWidth: string;
query: string;
}
export default createMediaQueries;