giladshoham / react-hooks / the-platform

use-media

v0.9.4

v0.9.3

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

6 years ago

SIZE

1 KB

React

Media

1 contributor

Install use-media as a package?

Copied

npm i @bit/giladshoham.react-hooks.the-platform.use-media

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

`useMedia()`

Arguments

query: string | object: media query string or object (parsed by json2mq).

Returns

match: boolean: true if the media query matches, false otherwise.

Example

import { useMedia } from 'the-platform';

const Example = () => {
  const small = useMedia('(min-width: 400px)');
  const medium = useMedia({ minWidth: 800 });

  // ...
};