1.0.0 • Published 7 years ago
react-responsive-hoc v1.0.0
react-responsive-hoc
Wrapper around react-responsive to work with SSR.
This module exports a provider for defining the default device (for SSR) and a modified MediaQuery
from react-responsive
to use the default device.
Installation
$ yarn add react-responsive-hoc
Usage
import { MediaQueryProvider, MediaQuery } from 'react-responsive-hoc';
const Example = () => {
return (
<MediaQuery query="(min-device-width: 1224px)">
On Desktop only
</MediaQuery>
)
};
const App = () => {
return (
<MediaQueryProvider width={1600} height={800}>
<Example />
</MediaQueryProvider>
);
}
1.0.0
7 years ago