react-fast-marquee
Advanced tools
Comparing version 1.5.0 to 1.5.1
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
35641
241