כפתור לייק

כפתור עבה עם לב. במעבר עכבר הלב מתמלא ופועם; לחיצה שומרת את הלייק. קוראי מסך שומעים את המצב.

התאמה

label

heartColor

background

ringColor

textColor

9 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
label	string	`"Like"`	טקסט הכפתור.
defaultLiked	boolean	`false`	האם הכפתור מתחיל עם לייק.
liked	boolean	—	מצב בשליטתך. בלעדיו הכפתור שומר את המצב בעצמו.
onLikedChange	(liked: boolean) => void	—	נקרא עם המצב החדש אחרי לחיצה.
heartColor	string	`"#fafafa"`	צבע הלב.
background	string	`"#1f1f1f"`	רקע הכפתור.
ringColor	string	`"#2e2e2e"`	צבע המסגרת העבה.
textColor	string	`"#a3a3a3"`	צבע הטקסט.
className	string	—	מחלקות לעוטף.

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

npm install clsx tailwind-merge