react-upward-marquee

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #android #machine-learning #rust #windows #kubernetes #awesome-list #pytorch #mcp #ios #open-source

react-upward-marquee

(★ 11)

an upward marquee react components

react-upward-marquee Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React-Upward-Marquee

![react-upward-marquee](https://raw.githubusercontent.com/WendellLiu/react-upward-marquee/master/img/example.gif)

## 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')
);
```

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

react-upward-marquee

react-upward-marquee Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-upward-marquee

react-upward-marquee Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README