Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-fast-marquee

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-fast-marquee - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

2

dist/components/Marquee.d.ts

@@ -49,3 +49,3 @@ import { ReactNode, CSSProperties, FC, RefAttributes } from "react";

* @type {number}
* @default 100
* @default 50
*/

@@ -52,0 +52,0 @@ speed?: number;

@@ -0,1 +1,2 @@

"use client"

@@ -24,3 +25,3 @@

const Marquee = React.forwardRef(function Marquee({ style = {}, className = "", autoFill = true, play = true, pauseOnHover = false, pauseOnClick = false, direction = "left", speed = 100, delay = 0, loop = 0, gradient = false, gradientColor = [255, 255, 255], gradientWidth = 200, onFinish, onCycleComplete, children, }, ref) {
const Marquee = React.forwardRef(function Marquee({ style = {}, className = "", autoFill = true, play = true, pauseOnHover = false, pauseOnClick = false, direction = "left", speed = 50, delay = 0, loop = 0, gradient = false, gradientColor = [255, 255, 255], gradientWidth = 200, onFinish, onCycleComplete, children, }, ref) {
// React Hooks

@@ -27,0 +28,0 @@ const [containerWidth, setContainerWidth] = React.useState(0);

{
"name": "react-fast-marquee",
"version": "1.5.0",
"version": "1.5.1",
"description": "A lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

# React Fast Marquee
[React Fast Marquee](https://www.react-fast-marquee.com) is a lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.
[React Fast Marquee](https://www.react-fast-marquee.com) is a lightweight React component that harnesses the power of CSS animations to create silky smooth marquees.

@@ -81,3 +81,3 @@ [![npm](https://img.shields.io/npm/v/react-fast-marquee.svg)](https://www.npmjs.com/package/react-fast-marquee)

| `direction` | `"left" \| "right"\| "up"\| "down"` | `"left"` | The direction the marquee slides <br /><br /> **Warning:** Vertical marquees are currently experimental and may be buggy. Please swap the values of the marquee's height and width when setting them |
| `speed` | `number` | `100` | Speed calculated as pixels/second |
| `speed` | `number` | `50` | Speed calculated as pixels/second |
| `delay` | `number` | `0` | Duration to delay the animation after render, in seconds |

@@ -84,0 +84,0 @@ | `loop` | `number` | `0` | The number of times the marquee should loop, 0 is equivalent to infinite |

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc