דוק כמו ב-macOS

סרגל אייקונים שגדלים מתחת לסמן. בלחיצה אייקון קופץ ונדלקת נקודה מתחתיו, ואת המפריד אפשר לגרור.

התאמה

accentColor

glowColor

highlightColor

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

8 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
Dock.children	ReactNode	—	פריטי DockCard ומפרידי DockDivider.
DockCard.id	string	—	מספר הכרטיס כמחרוזת, משמש לאנימציות.
DockCardInner.src	string	—	תמונת האייקון.
DockCardInner.children	ReactNode	—	מה להציג במקום התמונה אחרי לחיצה.
accentColor	string	`"#ffffff"`	הצבע הראשי: הנקודה מתחת לאייקון פעיל והמסגרת שלו.
glowColor	string	`"rgba(255,255,255,0.12)"`	זוהר רך מתחת לסרגל וסביב האייקון הפעיל.
highlightColor	string	`"rgba(255,255,255,0.08)"`	קו בהיר דק לאורך הקצה העליון של הסרגל.
className	string	—	מחלקות נוספות.

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

npm install motion clsx tailwind-merge