react-screen

A lot of boring carousels? Let's try something else!

Full documentation @react-screen.

Get Started

1.Install react-screen.

# Via npm
npm install react-screen
 
# Via Bower
bower install react-screen

2.Import react & react-screen.

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Screen, ScreenSlice } from 'react-screen';

3.Import stylesheet.

// In jsx
import styles from 'node_modules/react-screen/dist/css/react-screen.css';

Or

<!-- In HTML -->
<link rel="stylesheet" href="path/to/css/react-screen.css">

4.Render it!

ReactDOM.render((
    <Screen>
        <ScreenSlice>
            <h1>First Screen</h1>
        </ScreenSlice>
        <ScreenSlice>
            <h1>Second Screen</h1>
        </ScreenSlice>
        <ScreenSlice>
            <h1>Third Screen</h1>
        </ScreenSlice>
    </Screen>
), document.getElementById('react-screen'));