כפתורים
כפתורי פעולה עם מצבים Action Buttons
שלושה כפתורים שאומרים מה קרה: העתקה עם וי, הורדה עם התקדמות בתוך הכפתור, ושליחה עם טעינה, הצלחה או שגיאה.
על הרכיב
- העתקה: אייקון הלוח הופך לוי והתווית מתחלפת; הפקודה באמת מועתקת.
- הורדה: הכפתור עצמו מתמלא עם אחוזים, נעצר לרגע ומסתיים ב'פתיחה'.
- שליחה: מתכווץ לספינר ואז הצלחה ירוקה, או שגיאה שרועדת עם ניסיון חוזר.
- בלי מגע ההדגמה מפעילה כל כפתור בתורו; את הטקסטים והזמנים עורכים ב־JSX ובפונקציות run.
- בטלפון שלושת הכפתורים נערמים.
עוד כפתורים
כפתורים מגנטיים
Magnetic Buttonsכפתורים · רצועת קריאה לפעולה שהכפתורים בה נמשכים אל הסמן כמו מגנט, עם תווית שזזה עוד קצת ומילוי שנכנס מהנקודה שבה הסמן נכנס.
כפתורים נוזליים
Liquid Buttonsכפתורים · דף דוגמאות של ארבעה כפתורי CTA פרימיום: מילוי נוזלי עם גל, מסגרת שנמשכת, ברק שחולף וחץ שמחליק.
לייק, שמירה ומחיאות
Like Buttonsכפתורים · כפתורי לב, שמירה ומחיאות כפיים עם פיצוץ חלקיקים ומונה שמתגלגל.
