Reactive
Make Your Components Responsive
Demo & Examples
Live demo: dankreiger.github.io/react-reactive
To build the examples locally, run:
npm install
npm start
Then open localhost:8000 in a browser.
Installation
The easiest way to use react-reactive is to install it from NPM and include it in your own React build process (using Browserify, Webpack, etc).
You can also use the standalone build by including dist/react-reactive.js in your page. If you use this, make sure you have already included React, and it is available as a global variable.
npm install react-reactive --save
Usage
Setup Reactive
var Reactive = require('react-reactive');
<Reactive>
(content)
</Reactive>
Set a css class to your desire width like so: screen[width]
- e.g. for a screen width of 880px, your css selector would be
.screen880.
License
MIT
Copyright (c) 2016 Dan Kreiger.