1.1.3 • Published 8 years ago

react-upward-marquee v1.1.3

Weekly downloads
6
License
MIT
Repository
github
Last release
8 years ago

React-Upward-Marquee

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

PropertiesTypeDefaultRequired
dataarraytrue
fontSizestring'20px'false
backgroundColorstring'#f58f4e'false
colorstring'#424140'false
borderRadiusstring'20px'false
animationTime(ms)number1000false
animationTimingFunctionstring'ease'false

Demo

git clone git@github.com:WendellLiu/react-upward-marquee.git
npm install --save
npm start
1.1.3

8 years ago

1.1.2

8 years ago

1.1.1

8 years ago

1.1.0

8 years ago

1.0.6

8 years ago

1.0.5

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago

1.0.0

8 years ago