1.1.6 • Published 7 years ago
react-upward-pmd v1.1.6
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