חיפוש זוהר

שורת חיפוש כהה עם אור שבוקע משתי פינות והילה רכה שמתחזקת בפוקוס. מימין כפתור מסננים.

התאמה

placeholder

glowFrom

glowTo

width300pxlabel

9 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
placeholder	string	`"Search..."`	רמז בשדה הריק.
onSearch	(query: string) => void	—	נקרא עם הטקסט בלחיצה על Enter.
onFilterClick	() => void	—	נקרא בלחיצה על כפתור המסננים.
showFilter	boolean	`true`	להציג את כפתור המסננים.
glowFrom	string	`"#ffffff"`	אור מהפינה השמאלית העליונה.
glowTo	string	`"#8a8a8a"`	אור מהפינה הימנית התחתונה.
width	number	`300`	רוחב השורה בפיקסלים.
label	string	`"Search"`	שם נגיש של השדה.
className	string	—	מחלקות לעוטף.

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

npm install clsx tailwind-merge