1.1.3 • Published 2 years ago
@leekit/use-media-query v1.1.3
@leekit/use-media-query
React Hook for responsive design
Installation
npm i @leekit/use-mediq-query
Usage
import React from "react";
import useMediaQuery from "@leekit/use-media-query";
function App() {
const media = useMediaQuery({ minWidth: "761" });
return (
<div className="App">
<div className={media}>
{media === "pc" ? "PC screen" : "Mobile screen"}
</div>
</div>
);
}
Arguments
Argument | return | Required | Default Argument |
---|---|---|---|
{ minWidth: 'your value' } | 'pc' | 'mobile' | - | { minWidth: '721' } |