ะขะตะบัั‚ะะพะฒะพะต

ะกั‡ั‘ั‚ั‡ะธะบ ั‡ะธัะตะป

ะงะธัะปะพ ะฟะปะฐะฒะฝะพ ะฝะฐะฑะธั€ะฐะตั‚ัั ะดะพ ะฝัƒะถะฝะพะณะพ ะทะฝะฐั‡ะตะฝะธั, ะบะพะณะดะฐ ะฟะพะฟะฐะดะฐะตั‚ ะฝะฐ ัะบั€ะฐะฝ. ะŸะพะดั…ะพะดะธั‚ ะดะปั ะฑะปะพะบะฐ ัะพ ัั‚ะฐั‚ะธัั‚ะธะบะพะน.

ะะฐัั‚ั€ะพะนะบะธ

gradientFrom
gradientTo

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ Number Ticker (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

ะŸะฐั€ะฐะผะตั‚ั€ั‹

8 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
valuenumber12480ะงะธัะปะพ, ะดะพ ะบะพั‚ะพั€ะพะณะพ ะธะดั‘ั‚ ัั‡ั‘ั‚.
startValuenumber0ะงะธัะปะพ, ั ะบะพั‚ะพั€ะพะณะพ ะฝะฐั‡ะธะฝะฐะตั‚ัั ัั‡ั‘ั‚.
direction'up' | 'down'"up"ะกั‡ะธั‚ะฐั‚ัŒ ะฒะฒะตั€ั… ะธะปะธ ะฒะฝะธะท.
delaynumber0ะŸะฐัƒะทะฐ ะฟะตั€ะตะด ัั‚ะฐั€ั‚ะพะผ, ะฒ ัะตะบัƒะฝะดะฐั….
decimalPlacesnumber0ะกะบะพะปัŒะบะพ ะทะฝะฐะบะพะฒ ะฟะพัะปะต ะทะฐะฟัั‚ะพะน.
classNamestringโ€”ะšะปะฐััั‹ Tailwind ะดะปั ะพะฑั‘ั€ั‚ะบะธ.
gradientFromstring"#ffffff"ะฆะฒะตั‚ ะปะตะฒะพะณะพ ะบั€ะฐั ั‡ะธัะปะฐ. ะ”ะฐะปัŒัˆะต ะพะฝ ะฟะปะฐะฒะฝะพ ะฟะตั€ะตั…ะพะดะธั‚ ะฒะพ ะฒั‚ะพั€ะพะน ั†ะฒะตั‚.
gradientTostring"#d4d4d8"ะฆะฒะตั‚ ะฟั€ะฐะฒะพะณะพ ะบั€ะฐั ั‡ะธัะปะฐ.

ะ—ะฐะฒะธัะธะผะพัั‚ะธ

ะŸะฐะบะตั‚ะพะฒ: 3

npm install motion clsx tailwind-merge

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต