רכיביםProחדש

אי דינמי

קפסולה שחורה כמו באייפון שמשתנה בעדינות לשיחה, טיימר, התראה או נגן.

התאמה

accentColor
glowColor
highlightColor

מבוסס על Dynamic Island (MIT רישיון) · תנאי שימוש

מאפיינים

9 מאפיינים
מאפייןסוגברירת מחדלתיאור
view'idle' | 'ring' | 'timer' | 'notification' | 'music'"idle"איזה מסך האי מציג: מזג אוויר, שיחה, טיימר, התראה או נגן.
onViewChange(view) => void—נקרא כשכפתור מחליף את המסך.
idleContentReactNode—תוכן משלך למסך המנוחה.
ringContentReactNode—תוכן משלך למסך השיחה.
timerContentReactNode—תוכן משלך למסך הטיימר.
accentColorstring"#ffffff"הצבע הראשי: אייקונים, הנקודה המהבהבת, פס הטיימר והתג.
glowColorstring"rgba(255,255,255,0.1)"זוהר רך סביב האי.
highlightColorstring"rgba(255,255,255,0.1)"המסגרת הבהירה והדקה של האי.
classNamestring—מחלקות לקופסה החיצונית.

תלויות

2 חבילות נדרשות

npm install motion lucide-react

רכיבים דומים

לכל הרכיבים