View all react-media-match analysis

How to use the react-media-match.createMediaMatcher function in react-media-match

To help you get started, we’ve selected a few react-media-match 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.

kata-ai / kata-platform-docs / src / utils / mediaQuery.ts View on Github

import { createMediaMatcher } from 'react-media-match';
import theme from '../styles/theme';

const MediaQuery = createMediaMatcher({
  mobile: `(max-width: ${theme.breakpoints.md - 1}px)`,
  tablet: `(max-width: ${theme.breakpoints.lg - 1}px)`,
  desktop: `(min-width: ${theme.breakpoints.lg}px)`
});

export default MediaQuery;