https://github.com/gao-sun/react-screen

A different React carousel component.
https://github.com/gao-sun/react-screen

Last synced: 11 days ago
JSON representation

A different React carousel component.

• Host: GitHub
• URL: https://github.com/gao-sun/react-screen
• Owner: gao-sun
• License: mit
• Created: 2016-09-28T23:27:52.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-07T01:28:57.000Z (over 6 years ago)
• Last Synced: 2024-10-23T11:08:02.999Z (20 days ago)
• Language: JavaScript
• Homepage: http://gao-sun.github.io/react-screen
• Size: 2.23 MB
• Stars: 86
• Watchers: 3
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-screen

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

![Demo](https://gao-sun.github.io/react-screen/image/demo.gif)

Full documentation @[react-screen](http://gao-sun.github.io/react-screen).

### Get Started

1.Install react-screen.

```baseh

# Via npm

npm install react-screen

# Via Bower

bower install react-screen

```

2.Import react & react-screen.

```javascript

import React, { Component } from 'react';

import ReactDOM from 'react-dom';

import { Screen, ScreenSlice } from 'react-screen';

```

3.Import stylesheet.

```javascript

// In jsx

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

```

Or

```html

```

4.Render it!

```javascript

ReactDOM.render((

    

        

            
First Screen

        

        

            
Second Screen

        

        

            
Third Screen

        

    

), document.getElementById('react-screen'));

```