סימנים

סימנים

קפסולה אחת לכל מה שנאמר על דבר במילה: מצב, שם, גרסה, קטגוריה. הם היו שני אובייקטים עד שהיום שבו קוד ומצב עמדו זה לצד זה בכותרת אחת, ראש אחד, ואף אחד לא יכול היה לומר מה ההבדל אמור להיות - כך שהצורה היא אחת והטון הוא כל מה שמפריד ביניהם. מה שהיא נושאת הוא חופשי: מילה, דמות, גופן, או שניים מתוך השלושה. המעגל נמצא היכן שאין מקום לקפסולה, והספירה, שתלויה משורה ומוגדרת בטקסט שהיא תלויה ממנו, היא הדבר היחיד כאן שאינו סימן.

במרכז משפט

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

גרסה 2.4 היא שוחרר ה-API הזה הוא מומלץ לא להשתמש

הקטגוריות

טונים שמפרידים דברים מבלי לדרג אותם. הם אינם נושאים משמעות - שום דבר לא אומר שהשלישי טוב מהחמישי - וזה בדיוק מה שעושה אותם שימושיים לטקסונומיה, שם משמעות תהיה שקר. נלבש בדיוק כמו מצב: אותה קפסולה, אותו קצב.
נייטרלי ruby grapefruit bittersweet sunflower straw grass mint teal aqua blue-jeans plum lavender pink-rose

מצב במילים

מוכר במשפט או לצד כותרת, שם הוא המסר ולא סימן בעמודה.
הפעולה בוצעה בהצלחה אירעה שגיאה המשך בזהירות לידיעתך

מצב נקרא בעשרות

בעמודה, סימן ליד ספירה נייטרלית נקרא כשני אובייקטים וטבלה שלהם נקראת רעש. כאן הצבע עוטף את הדמות והעמודה נסרקת במעבר אחד - קומפקטי, מכיוון שתא אין לו מקום פנוי.
15 success 15 error 15 warning 15 info 15 running 15 pending 15 paused 15 play 15 skipped 15 disabled

מה שהיא נושאת

מילה עבור מה שהמצב הוא, דמות עבור כמה יש ממנו, שניהם, או אף אחד. הדמות תמיד נראית צעד אחורה מהשאר: היא מאשרת את המצב, היא לא המצב.
עבר 15 עבר15

שלוש הצורות זו לצד זו

אותה מידע במקום שבו היא נקראת בפועל. המעגל הוא הצורה עבור תא צר מדי עבור קפסולה, והיחידה שיכולה להראות מצב שהוא כמות - והוא מצויר עם הצבע בדיוק שהקפסולה ממלאה בו.
צורהsuccesswarningerrorskipped
קפסולה 15 15 15 15
מעגל

מעגלים

מצב שנאמר על ידי מעגל ולא על ידי מילה, עבור מקום שבו מצבים נקראים בעשרות - רשימה של ריצות, שורה של עבודות. הטבעת נושאת את הצבע, הגופן בפנים אומר איזה מצב זה, ושני צדדי הערימה מציירים את אותו סימון.
success error warning info running pending paused play skipped disabled

LEDs

נקודה מוארת ומילותיה: מצב הנקרא במבט חטוף בשורה, בעשרות בסיכום או ברשימת שירותים. קטן יותר ממסמן, שקט יותר מעיגול. כבוי הוא הנקודה שאינה מוארת — ספירה באפס —, פועל נושם.
success info running warning error dev off cat-mint
34 בסדר 2 פועל 0 שגיאות 0 בתור

ספירות

כמה ממתינים להיראות, ככדור: על הפינה של אייקון או כפתור (בתור אבא עם ספירה), אדום אלא אם כן נאמר אחרת, 99+ מעבר ל-99; מילה (« חדש ») או נקודה במקום המספר; כלום באפס אלא אם כן מתבקש. countApply() שומר על אחד עדכני כשהדף משתנה.
3 99+ 12 2 חדש
תיבת דואר נכנס 4 error 7 warning 14 success 21 info 28 accent 35 מוצג כאפס 0

מצב שהוא כמות

ריצה היא המצב היחיד עם כמות, כך שהטבעת שלה מצויירת עד היכן שהריצה הגיעה. Twig מדפיס את הערך שניתן לו; להזיז אותו אחר כך זה עניין של הדפדפן.
0% 25% 50% 75% 100%

גודלי מעגלים

ספירה לצד סימן

ההבחנה היחידה שנותרה, והיא לא נוגעת למשמעות. משמאל ספירה: שתיים עשרה ממשהו, תלויה מהשורה שמובילה אליה ומוגדרת בטקסט של השורה הזו. מימין סימן: שתיים עשרה ממשהו שהלך טוב, עומד בפני עצמו ומוגדר בטוקנים. ספירה לצד פריט בתפריט היא ספירה; אותה דמות בעמודת צינור היא סימן.
12 12

Vue

אותו רכיב, מונע: החלפת סוג או ערך מזיזה את הקשת במקום לצייר אותה מחדש. זה מה שאפליקציה מניחה כאשר המצב צפוי להשתנות מול עיני הקורא.

שימוש

{{ marker('success', 'Operation successful') }}
{{ marker('success', null, { count: 15, compact: true }) }}
{{ status_icon('running', { progress: 0.4 }) }}