18 lines
678 B
JavaScript
18 lines
678 B
JavaScript
import { useState } from 'react'
|
|
import CountUp from "react-countup"
|
|
import ScrollTrigger from 'react-scroll-trigger'
|
|
|
|
export default function CounterUp({ count, time, color }) {
|
|
const [counterOn, setCounterOn] = useState(false)
|
|
return (
|
|
<>
|
|
<ScrollTrigger onEnter={() => setCounterOn(true)} onExit={() => setCounterOn(false)} component="span">
|
|
<CountUp end={count} duration={time} redraw={true}>
|
|
{({ countUpRef }) => (
|
|
<span className={`count ${color ? color : ""}`} ref={countUpRef}></span>
|
|
)}
|
|
</CountUp>
|
|
</ScrollTrigger>
|
|
</>
|
|
)
|
|
} |