1.1.3 • Published 9 years ago
react-upward-marquee v1.1.3
React-Upward-Marquee

Install
npm install --save react-upward-marquee
Usage
import React from 'react'
import { render } from 'react-dom'
import Marquee from 'react-upward-marquee'
let data = [
  {
    content: "I'm the first content and my delay is 2s",
    time:2
  },
  {
    content: "I'm the second content and my delay is 4s",
    time:4
  },
  {
    content: "I'm the third content and my delay is 6s",
    time:6
  },
  {
    content: "I'm the forth content and my delay is 8s",
    time:8
  }
]
render(
  <Marquee
    data={data}
    fontSize="30px"
    animationTime="1500"
   />,
  document.getElementById('root')
);Properties
| Properties | Type | Default | Required | 
|---|---|---|---|
| data | array | true | |
| fontSize | string | '20px' | false | 
| backgroundColor | string | '#f58f4e' | false | 
| color | string | '#424140' | false | 
| borderRadius | string | '20px' | false | 
| animationTime(ms) | number | 1000 | false | 
| animationTimingFunction | string | ' ease' | false | 
Demo
git clone git@github.com:WendellLiu/react-upward-marquee.git
npm install --save
npm start