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

react-light-marquee

Package Overview
Dependencies
Maintainers
0
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-light-marquee - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

LICENSE

2

package.json
{
"name": "react-light-marquee",
"version": "0.1.3",
"version": "0.1.4",
"private": false,

@@ -5,0 +5,0 @@ "type": "module",

@@ -1,5 +0,51 @@

# Install
yarn install react-light-marquee
# react-light-marquee
For most cases the number of elements in the dom is equal to number of children i.e it has ***no duplication***. Duplication is only done when it is absolutely necessary.
#Status
In beta testing
Lightweight in bundle size and dom footprint.
Marquee fills the parent container and renders the children
# Installation
npm install react-light-marquee
or
yarn install react-light-marquee
# How to use
import React from "react";
import ListItem from "../ui/ListItem";
import Marquee from "react-light-marquee";
const Page = () => (
<Marquee direction="right">
<ListItem />
<ListItem />
<ListItem />
<ListItem />
</Marquee>
);
export default Page;
# API
Marquee prop list
| Property | Type | Default value | Details |
|:--|:--|:--|:--|
| direction | `"left" | "right"| "up"| "down"` | "left" | Direction of motion |
| speed| number | 50 | Pixel per second |
| pauseOnHover| boolean | false | `true` pauses the animation on hover |
| initialSlideIndex | number | 0 | starting slide index |
| children | React.ReactNode[] | null | slides to be rendered |
# Upcoming in next releases
- More features
- Automation tests
# Status
In beta
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