טקסטProחדש
טקסט תלת-ממדי
אותיות עם עומק, כמו מתכת. הבליטה עוקבת אחרי הסמן והאותיות שוקעות וקופצות בחזרה מתחתיו.
התאמה
accent
face
מבוסס על Swoosh Text (MIT רישיון) · תנאי שימוש
מאפיינים
7 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| text | string | "Extruded" | טקסט הכותרת. |
| as | 'div' | 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | "div" | תגית HTML, למשל h1 לכותרת. |
| depth | number | 12 | כמה שכבות מאחורי כל אות, מ-6 עד 16. |
| length | number | 0.2 | עומק הבליטה ב-em. |
| accent | string | "#a3a3a3" | צבע הבליטה: השכבות הקרובות מקבלות אותו, הרחוקות דוהות לגוון כהה שלו. |
| face | string | "#fafafa" | צבע חזית האותיות. |
| className | string | — | מחלקות לעוטף. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge