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'));