כפתור מרקם

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

התאמה

color

secondaryColor

highlightColor

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

8 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
variant	'primary' \| 'secondary' \| 'accent' \| 'destructive' \| 'minimal' \| 'icon'	`"primary"`	סגנון הכפתור.
size	'default' \| 'sm' \| 'lg' \| 'icon'	`"default"`	גודל הכפתור.
asChild	boolean	`false`	להעביר את הסגנון לאלמנט הילד, למשל קישור.
children	ReactNode	—	טקסט ואייקונים של הכפתור.
className	string	—	מחלקות נוספות.
color	string	`"#f5f5f5"`	צבע המשטח של הכפתור. הטקסט הופך לכהה או לבן לבד.
secondaryColor	string	`"#d4d4d4"`	הצבע התחתון של המעבר וגוון המסגרת.
highlightColor	string	`"rgba(255,255,255,0.8)"`	ברק דק לאורך הקצה העליון.

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

npm install @radix-ui/react-slot class-variance-authority clsx tailwind-merge