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.