How to use the @react-md/utils.useMediaQuery function in @react-md/utils

To help you get started, we’ve selected a few @react-md/utils examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github mlaursen / react-md / packages / examples / src / App.tsx View on Github external
const App: FunctionComponent = () => {
  const isDesktop = useMediaQuery("screen and (min-width: 1025px)");
  const isTablet = useMediaQuery("screen and (min-width: 768px)");
  const isPhone = useMediaQuery("(screen and (max-width: 767px))");
  return (
    
      
        
          <header>
          
          
          
          
          
          
          
          
          
          </header>
github mlaursen / react-md / packages / examples / src / App.tsx View on Github external
const App: FunctionComponent = () =&gt; {
  const isDesktop = useMediaQuery("screen and (min-width: 1025px)");
  const isTablet = useMediaQuery("screen and (min-width: 768px)");
  const isPhone = useMediaQuery("(screen and (max-width: 767px))");
  return (
    
      
        
          <header>
          
          
          
          
          
          
          
          
          </header>
github mlaursen / react-md / packages / examples / src / App.tsx View on Github external
const App: FunctionComponent = () =&gt; {
  const isDesktop = useMediaQuery("screen and (min-width: 1025px)");
  const isTablet = useMediaQuery("screen and (min-width: 768px)");
  const isPhone = useMediaQuery("(screen and (max-width: 767px))");
  return (
    
      
        
          <header>
          
          
          
          
          
          
          
          
          
          
          </header>