react-media-query

Simple media queries for react.js components.

This component isn't ready to use yet. Please open a issue for any issues you find and feel free to contribute to this component.

Installation

npm install react-media-query --save

Require the package into your jsx file.

var MediaQuery = require('react-media-query');

To use the component you have to add a query prop, which contains your media query. If the query matches the media query the component will be shown.

<MediaQuery query="max-width: 640px">
    Showed when media query is matched.
</MediaQueery>

For a detailed example please have a look into the examples folder.

0.1.0