Basic Number Ticker Demo

1import NumberTicker from "@/components/fancy/text/basic-number-ticker"
2 
3const NumberTickerDemo = () => {
4  return (
5    <div className="p-10 flex w-dvw h-dvh justify-center items-center bg-white">
6      <p className="w-full text-7xl md:text-9xl flex justify-center font-azeret-mono text-[#1f464d]">
7        <NumberTicker
8          from={0}
9          target={100}
10          autoStart={true}
11          transition={{ duration: 3.5, type: "tween", ease: "easeInOut" }}
12          onComplete={() => console.log("complete")}
13          onStart={() => console.log("start")}
14        />
15        %
16      </p>
17    </div>
18  )
19}
20 
21export default NumberTickerDemo