1.0.1 • Published 4 years ago

react-numscroll v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

React Number Scrolling

Install

npm install react-numscroll or yarn add react-numscroll

Quickstart

import React, { useState, useEffect } from 'react';
import NumberScroll from 'react-numscroll';

export default () => {
  const [count, setCount] = useState(10);

  useEffect(() => {
    setInterval(() => {
      setCount(count => ++count);
    }, 2000);
  }, []);

  return <NumberScroll number={count} itemWidth={50} itemHeight={60} />;
};

API

PropTypeRequiredDescription
numbernumberYeswhat does number come in
itemWidthnumberNoIndividual number width.Default: 50
itemHeightnumberNoIndividual number height.Default: 60
numSizenumberNoIndividual number size. Default: 32
numColorstringNoNumber color. Default: #fff
bgColorstringNoBackground colorDefault:#0089e9
borderstringNoIndividual number border. Default: 1px solid #f9f9f9