Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
react-marquee-master
Advanced tools
React component to allow you to create a vertically scrolling marquee
Simple component to create a scrolling marquee. The marquee HTML tag has been discontinued, but sometimes you just have to add some flare to your site! Build with typescript to provide typings out of the box.
Simple scroll:
Reverse it, and speed it up!
Or horizontal!
strongui Active maintainer - accepting PRs and doing minor testing, fixing issues or doing active development.
npm install react-marquee-master
or
yarn add react-marquee-master
1 . Require react-marquee-master after installation
import Marquee from 'react-marquee-master';
2 . Add your Marquee element
<Marquee marqueeItems={marqueeItems} />
You can import node_modules/react-marquee-master/dist/index.js
into your page. Please make sure
that you have already imported react
and react-dom
into your page.
Notes:
marqueeItems
property just needs to be an array. You can pass strings or components.height
or minHeight
for the marquee, because the marquee elements is
absolutley positioned and will not grow the marquee container on its own.Prop | Type | Values | Default | Description |
---|---|---|---|---|
delay | number | 0-99999 | 40 | Delay of the animation. Lower number speeds up the scroll. |
direction | string | up, right, down, left | up | Direction of the scroll. |
height | number | 0-99999 | The fixed height of the marquee | |
inverseMarqueeItems | boolean | true | false | Reverse the marquee array. Useful when scrolling down. |
marqueeClassName | string | Class to apply to marquee element. | ||
marqueeContainerClassName | string | Class to apply to marquee container element. | ||
marqueeItemClassName | string | Class to apply to each marquee element. | ||
marqueeItemClassName | string | Class to apply to each marquee element. | ||
marqueeItems | Array<string|JSX.Element> | [] | [] | The text / Components to display. |
minHeight | number | 0-99999 | More dynamic sizing option with a minimum size that will grow. |
npm link ../YOUR_APP_NAME/node_modules/react
npm link
npm link react-marquee-master
import Marquee, { IMarqueeProps } from 'react-marquee-master';
)npm start
(rollup to update react-marquee-master)np
I welcome your contribution! Fork the repo, make some changes, submit a pull-request!
FAQs
React component to allow you to create a vertically scrolling marquee
The npm package react-marquee-master receives a total of 126 weekly downloads. As such, react-marquee-master popularity was classified as not popular.
We found that react-marquee-master demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.