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 [email protected]:WendellLiu/react-upward-marquee.git
npm install --save
npm start