동적으로 숫자가 카운팅되는 숫자 카운터 컴포넌트 입니다.
npm install react-smooth-number-counter동적으로 숫자가 카운팅되는 숫자 카운터 컴포넌트 입니다.
---
using npm
``bash`
npm i react-smooth-number-counter
using yarn
`bash`
yarn add react-smooth-number-counter
---
page.js
`
import React from 'react'
import NumberCounter from 'react-smooth-number-counter'
const Page = () => {
return (
suffix='₩/KRW'
transition={1000}
/>
)
}
export default Page
`
---
`
{
value : number
표시될 숫자 값입니다.
transition? : number
숫자 값이 렌더링 완료될 시간입니다.
기본값은 1000ms 입니다.
suffix? : string
원, %, $ 등의 접미사 텍스트입니다.
className? : string
최상위 element에 사용될 className 입니다.
id? : string
최상위 element에 사용될 id입니다.
미전달 시 자동으로 id를 생성하여 적용합니다.
align? : 'left' | 'center' | 'right'
글자들이 정렬될 기준점입니다.
align에 따라 숫자들이 움직일지, 접미사가 움직일지 등이 결정됩니다.
기본값은 'left' 입니다.
}
``