רכיביםProחדש
אי דינמי
קפסולה שחורה כמו באייפון שמשתנה בעדינות לשיחה, טיימר, התראה או נגן.
התאמה
accentColor
glowColor
highlightColor
מבוסס על Dynamic Island (MIT רישיון) · תנאי שימוש
מאפיינים
9 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| view | 'idle' | 'ring' | 'timer' | 'notification' | 'music' | "idle" | איזה מסך האי מציג: מזג אוויר, שיחה, טיימר, התראה או נגן. |
| onViewChange | (view) => void | — | נקרא כשכפתור מחליף את המסך. |
| idleContent | ReactNode | — | תוכן משלך למסך המנוחה. |
| ringContent | ReactNode | — | תוכן משלך למסך השיחה. |
| timerContent | ReactNode | — | תוכן משלך למסך הטיימר. |
| accentColor | string | "#ffffff" | הצבע הראשי: אייקונים, הנקודה המהבהבת, פס הטיימר והתג. |
| glowColor | string | "rgba(255,255,255,0.1)" | זוהר רך סביב האי. |
| highlightColor | string | "rgba(255,255,255,0.1)" | המסגרת הבהירה והדקה של האי. |
| className | string | — | מחלקות לקופסה החיצונית. |
תלויות
2 חבילות נדרשות
npm install motion lucide-react