כרטיסיםחדש
כרטיס מרקם
כרטיס עם כמה מסגרות דקות זו בתוך זו שנותנות לו עומק. מוכן לטופס כניסה, תמחור או הגדרות.
התאמה
accentColor
glowColor
rimColor
מבוסס על Texture Card (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
8 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| TextureCardStyled | component | — | מסגרת הכרטיס החיצונית עם כל השכבות. |
| TextureCardHeader / TextureCardTitle / TextureCardDescription | component | — | כותרת עליונה, כותרת ותיאור. |
| TextureCardContent / TextureCardFooter | component | — | גוף ותחתית. |
| TextureSeparator | component | — | מפריד דק בקו כפול. |
| className | string | — | מחלקות נוספות. |
| accentColor | string | "#e5e5e5" | צבע הדגשה לאייקון ולכפתור בתוך הכרטיס. זמין לילדים כ---tc-accent. |
| glowColor | string | "rgba(255,255,255,0.06)" | זוהר רך בחלק העליון של הכרטיס. |
| rimColor | string | "rgba(64,64,64,0.5)" | מסגרת פנימית דקה של הכרטיס. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge