1.1.9 • Published 4 years ago

@seberm/react-marquee v1.1.9

Weekly downloads
19
License
MIT
Repository
github
Last release
4 years ago

@seberm/react-marquee

React Marquee using GSAP

The animation direction reflects the clients scroll direction

Scrolling takes over the animation speed

NPM JavaScript Style Guide

Live demo

Install

npm install --save @seberm/react-marquee

Usage

import React, { Component } from 'react'

import Marquee from '@seberm/react-marquee'

const Example = () => {
  return (
    <Marquee spacing="20">
      <h2>Hello World<h2>
    </Marquee>
  )
}

CSS

.marquee-container, .marquee-wrap  {
  overflow:hidden;
}
.marquee {
  position:absolute;
}

Props

nametypedefaultdescription
reversebooleanfalseanimates from left to right
separationnumber0separation between each child in px

License

MIT © Ermilin


1.1.9

4 years ago

1.1.8

4 years ago

1.1.7

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.4

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.0

4 years ago