כפתוריםחדש
אייקוני רשתות עם רמז
כפתורי קישור עגולים: במעבר עכבר צבע ממלא את הכפתור מלמטה למעלה ומעליו קופץ רמז עם השם.
התאמה
fillColor
iconColor
activeIconColor
background
מבוסס על chilly-eagle-55 by PriyanshuGupta28 (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
8 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| items | SocialTooltipIcon[] | — | קישורים: כיתוב, כתובת, אייקון וצבע משלו לפי רצון. |
| size | number | 50 | קוטר הכפתור בפיקסלים. |
| fillColor | string | "#fafafa" | צבע המילוי במעבר עכבר וצבע הרמז. |
| iconColor | string | "#d4d4d4" | צבע האייקון במנוחה. |
| activeIconColor | string | "#0a0a0a" | צבע האייקון וטקסט הרמז במעבר עכבר. |
| background | string | "#171717" | רקע הכפתור במנוחה. |
| newTab | boolean | true | לפתוח קישורים בכרטיסייה חדשה. |
| className | string | — | מחלקות לעוטף. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge