חלונות והתראות
סיור במוצר Product Tour
סיור היכרות מעל לוח בקרה של אפליקציית חשבוניות: זרקור שמחליק מאלמנט לאלמנט, טבעת שנושמת סביבו וכרטיס שלב עם הבא והקודם.
על הרכיב
- הזרקור הוא חור מעוגל בשכבה כהה שזז ומשנה גודל בהחלקה; הכרטיס יושב מעל או מתחת לאלמנט ונשאר בתוך המסך.
- ההדגמה עוברת שלב אחרי שלב ובסוף מציגה 'אתם מוכנים'; בתצוגה מלאה הכפתורים, החצים במקלדת ו-Esc שולטים בסיור.
- כל שלב מצביע על אלמנט עם data-tour תואם, כך שבטלפון אותו שלב מוצא את הלשונית בתחתית במקום סרגל הצד.
- את השלבים, הכותרות וההסברים משנים ב-STEPS ואת הקצב ב-STEP_MS.
עוד חלונות והתראות
ערימת התראות
Toast Stackחלונות והתראות · התראות שנערמות לחפיסה מסודרת, נפרשות לרשימה במעבר עכבר ונזרקות הצידה בגרירה.
חלון ומגירה
Modal Sheetחלונות והתראות · חלון שיתוף שקופץ במרכז במסך רחב והופך למגירה תחתונה שאפשר לגרור למטה במסך צר, עם רקע מטושטש.
טולטיפים ופופאובר
Tooltip Setחלונות והתראות · טולטיפים עשירים בכל הכיוונים עם חץ, השהיה ומעבר מיידי לאורך סרגל, ופופאובר עם פרטים על כרטיס.
