מונה מספרים

מספר עולה בהדרגה לערך שלו כשהוא נכנס למסך. מתאים לאזור סטטיסטיקות.

התאמה

value12480startValue0

delay0.0sdecimalPlaces0

gradientFrom

gradientTo

מבוסס על Number Ticker (MIT רישיון) · תנאי שימוש

8 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
value	number	`12480`	המספר שאליו סופרים.
startValue	number	`0`	המספר שממנו מתחילים.
direction	'up' \| 'down'	`"up"`	לספור למעלה או למטה.
delay	number	`0`	השהיה לפני ההתחלה, בשניות.
decimalPlaces	number	`0`	ספרות אחרי הנקודה העשרונית.
className	string	—	מחלקות Tailwind לעוטף.
gradientFrom	string	`"#ffffff"`	הצבע בצד שמאל של המספר. הוא עובר בהדרגה לצבע השני.
gradientTo	string	`"#d4d4d8"`	הצבע בצד ימין של המספר.

3 חבילות נדרשות

npm install motion clsx tailwind-merge