1.1.3 • Published 10 years ago

react-upward-marquee v1.1.3

Weekly downloads
6
License
MIT
Repository
github
Last release
10 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

10 years ago

1.1.2

10 years ago

1.1.1

10 years ago

1.1.0

10 years ago

1.0.6

10 years ago

1.0.5

10 years ago

0.0.4

10 years ago

0.0.3

10 years ago

0.0.2

10 years ago

0.0.1

10 years ago

1.0.0

10 years ago