DEMO: MARQY.PARTY

Install

yarn add marqy

or using npm

npm i marqy

Usage

Import React

import { Marqy } from 'marqy';

<Marqy speed={1} direction="left" pauseOnHover>
  <span>Your content here</span>
</Marqy>

Import CSS

import 'marqy/dist/marqy.css';

or add it manually: see marqy.css stylesheet

Properties

| Name | Type | Description | | -------------- | ------------------------------- | ----------------------------------------- | | speed | number [default: 0.5] | Scroll speed multiplier | | direction | string [default: 'left'] | Direction of scroll | | pauseOnHover | boolean [default: false] | Pauses the animation on hover | | manual | boolean [default: false] | Renders without applying CSS animations | | children | React.ReactNode | Content to repeat inside the marqy |

License

MIT © Nick DiMatteo + Mike Wagz