רשימת משימות עם קו חוצה

רשימת משימות על תיבות סימון אמיתיות. סימון משימה מצייר וי, מותח קו על הטקסט ומפעיל זיקוק קטן.

התאמה

checkColor

textColor

doneColor

background

8 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
items	string[]	—	המשימות, תיבת סימון לכל אחת.
defaultChecked	number[]	—	מספרי המשימות (מאפס) שמסומנות מההתחלה. ברירת המחדל [0].
onToggle	(index: number, checked: boolean) => void	—	נקרא כאשר משימה מסומנת או מבוטלת.
checkColor	string	`"#fafafa"`	צבע הווי, המקף והזיקוק.
textColor	string	`"#e5e5e5"`	צבע משימה פתוחה.
doneColor	string	`"#525252"`	צבע משימה שבוצעה ונמחקה בקו.
background	string	`"#111111"`	רקע הכרטיס.
className	string	—	מחלקות לעוטף.

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

npm install clsx tailwind-merge