כרטיסיםProחדש
כרטיס הולוגרפי
כרטיס רדיד כמו קלף אספנים. הוא נוטה אחרי הסמן ופסי רדיד ובוהק עוברים עליו.
התאמה
foilTint
foilTint2
foilHighlight
מבוסס על Holographic Foil (MIT רישיון) · תנאי שימוש
מאפיינים
12 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| pattern | 'silver' | 'aurora' | 'gold' | 'oil' | 'prism' | "silver" | חומר הרדיד. |
| intensity | number | 0.6 | עוצמת הרדיד, מ-0 עד 1. |
| glare | number | 0.5 | עוצמת הבוהק, מ-0 עד 1. |
| sheenSpeed | number | 1 | מהירות הברק שעובר על הכרטיס מעצמו. |
| tilt | boolean | true | להטות את הכרטיס אחרי הסמן. |
| foilOver | boolean | false | להניח את הרדיד מעל התוכן, למשל מעל תמונה. |
| useDeviceOrientation | boolean | false | בטלפון, הטיה לפי הג'ירוסקופ אחרי בקשת הרשאה. |
| children | ReactNode | — | תוכן הכרטיס. |
| className | string | — | מחלקות לעוטף. |
| foilTint | string | "#e5e5e5" | הצבע הראשי של הנייר המבריק. כל עוד שלושת הצבעים אפורים, הדוגמה שנבחרה פעילה. כל צבע חי מדפיס את הנייר בצבעים שלכם. |
| foilTint2 | string | "#a3a3a3" | הצבע השני של פסי הנייר המבריק. |
| foilHighlight | string | "#ffffff" | הפס הבהיר ביותר בנייר המבריק. |
תלויות
3 חבילות נדרשות
npm install motion clsx tailwind-merge