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

react-slot-counter

Package Overview
Dependencies
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-slot-counter - npm Package Compare versions

Comparing version 1.4.0 to 1.4.1

2

lib/utils.d.ts

@@ -1,4 +0,4 @@

export declare const mergeClassNames: (...args: (any | null | undefined)[]) => string;
export declare const mergeClassNames: (...args: (string | null | undefined)[]) => string;
export declare const range: (start: number, end: number) => number[];
export declare const random: (min: number, max: number) => number;
export declare const shuffle: (arr: (number | string)[]) => (string | number)[];
{
"name": "react-slot-counter",
"version": "1.4.0",
"version": "1.4.1",
"description": "React Slot Counter Component",

@@ -29,2 +29,3 @@ "author": "almond-bongbong",

"@rollup/plugin-commonjs": "^24.0.1",
"@rollup/plugin-eslint": "^9.0.3",
"@rollup/plugin-node-resolve": "^15.0.1",

@@ -31,0 +32,0 @@ "@types/react": "^18.0.28",

# react-slot-counter
`react-slot-counter` is a React component that uses slot machine animations to display numbers and strings.
`react-slot-counter` is a feature-rich React component that displays numbers and strings with an engaging slot machine animation effect.

@@ -11,6 +11,12 @@ [![NPM](https://img.shields.io/npm/v/react-slot-counter.svg)](https://www.npmjs.com/package/react-slot-counter)

<a target="_blank" href="https://almond-bongbong.github.io/react-slot-counter/">
<img src="https://raw.githubusercontent.com/almond-bongbong/react-slot-counter/main/preview.gif" />
<img src="https://github.com/almond-bongbong/react-slot-counter/raw/main/docs/preview.gif" />
</a>
</p>
## Features
- Customize animation duration and other settings
- Animate only changed characters
- Control animation start with a ref
- Easily add custom styles to the characters and separators
## Installation

@@ -26,3 +32,3 @@

Import SlotCounter and use it in your component. Here's a simple example:
Import `SlotCounter` and use it in your component. Here's a simple example:

@@ -29,0 +35,0 @@ ```jsx

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