Skip to content

ryanhefner/react-marquease

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

39 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ› react-marquease

npm NPM npm Coveralls github codecov CircleCI Known Vulnerabilities Twitter Follow

HTML <marquee>s, the React way (with some handy control features).

Install

Via npm

npm install -S react-marquease

Via Yarn

yarn add react-marquease

How to use

import Marquee from 'react-marquease'

const ExampleComponent = () => (
  <Marquee>
    <p>Scrolly text, moving through, my browser window, moving smooth.<p>
  </Marquee>
)

Props

  • reverse - Reverse the direction of the Marquee. (Scroll left to right)
  • pause - Pause Marquee scrolling
  • speed - Modifies the duration of the web animation as Marquee scrolls through the viewport. (Default: 1)
  • ref - References the outermost div of the component.
  • ...rest - Applied to outermost div of the component.

License

MIT ยฉ RyanHefner

About

๐Ÿ› HTML <marquee>s, the React way (with some handy control features).

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

  •  

Packages

No packages published