בלוק זה משלב חריצי כותרת ותוכן במבנה אחד שניתן לעשות בו שימוש חוזר.
אפשר להוסיף אופרטורים מבלי לעזוב את ההקשר הנוכחי.
אזור ראשי
התוכן הראשי יכול לגדול בצורה טבעית עם רווחים סטנדרטיים.
אזור צדדי
אזור צד זה משתמש ברקע בהיר כדי להדגיש תוכן משלים.
פריסת שלושה אזוריםטיוטה
פאנל שמאלי
ניווט משני או מטאדאטה יכולים להתגורר כאן.
תוכן ראשי
מידע ראשי נשאר ממורכז לקריאות.
פאנל ימני
פעולות והבנות הקשר יכולות להיות מקובצות בצד זה.
עמודה קבועה בצד
עמודה צרה בגודל על פי --גודל, ליד גוף שסופג את הרוחב הנותר.
128תחזיות
בלוק ראשי
בלוק עם כותרת וטקסט גוף.
בלוק משני
בלוק נוסף להדגמת רווחים.
כרטיסים
בלוק ראשי
בלוק עם כותרת וטקסט גוף.
בלוק משני
בלוק נוסף להדגמת רווחים.
בלוק שלישי
בלוק שלישי בשורה.
סימן בפינה
`block--mark` מניח אייקון קטן בפינה העליונה בתחילת בלוק: מה זה — סוג כרטיס המונח בדיאגרמה, סוג מסמך —, לצד מה שהוא אומר, לא כותרת.
בלוק ראשי
בלוק עם כותרת וטקסט גוף.
בלוק ראשי
בלוק עם כותרת וטקסט גוף.
בלוק ראשי
בלוק עם כותרת וטקסט גוף.
בלוק שהוא קישור
הכרטיס כולו הוא הקישור — עבור בחירה שנעשית על ידי בחירת כרטיס אחד מתוך מספר: תוכנית, ענף, תבנית. זה נקרא כטקסט, לא כפעולה מוחלשת; תחת הסמן הקרקע שלו לוקחת גוון והקצה מתייצב, והמקלדת מוצאת אותו על ידי טבעת הפוקוס שכל שליטה נושאת.
ערך או אייקון אחד מוגדל, ממורכז. משמש עבור מדדים בלוח מחוונים ולוחות סטטוס — הוסף block--square כדי לשמור על הלוח מרובע לא משנה מה רוחבו.
128תחזיות
99.9%זמן פעילות
חי
קיבולת
42אירועים בשנייה
מספרים עיקריים
המספר נקרא כמספר עיקרי בדשבורד: `block--figure--start` מניח אותו מתחילת השורה, התווית מעל, הערך עם היחידה שלו מוגדרת לאחור (`block--figure-unit`), וקו מתחתיו שאומר ממה הוא עשוי (`block--figure-sub`). `block--tone-cat-<name>` מצייר את עמודת הקטגוריה לאורך הקצה; `a.block--link` פותח את התצוגה של המספר. ב`grid`, השורה הולכת למספר שורות כשיש פחות מקום.
צבע של מצב — או של קטגוריה — כמו פס לאורך הקצה המוביל, ולא יותר: אותו פס שלובש הודעה, בלי הקרקע המגוננת, כך שרשימה מהם נקראת כרשימה ולא כאזעקה. כל בלוק לוקח את זה, פס העומד על בלוק כלול.
block--tone-info — הקרקע נשארת של הבלוק, רק הקצה המוביל נושא את הצבע.
block--tone-success — הקרקע נשארת של הבלוק, רק הקצה המוביל נושא את הצבע.
block--tone-warning — הקרקע נשארת של הבלוק, רק הקצה המוביל נושא את הצבע.
block--tone-error — הקרקע נשארת של הבלוק, רק הקצה המוביל נושא את הצבע.
block--tone-cat-lavender — הקרקע נשארת של הבלוק, רק הקצה המוביל נושא את הצבע.
ערימות
אופקי
עמודות שוות, ברוחב מלא, מתעטפות כאשר יש שפע.
אחד
שניים
שלושה
ארבעה
אנכי
שורות מוערמות, ברוחב מלא, רווח אחיד.
אחד
שניים
שלושה
מפוצל
הילד הראשון גדל, הילד האחרון נשאר קבוע — משמש עבור שורות מובילות + פעולות.
תאר את הפעולה בטקסט המוביל הזה.
פעולות בפינה
`has-corner-actions` על מסגרת — רמז, בלוק, בלוק קוד, הודעה — ופעולות האייקון שלה ב`corner-actions` בתוכה: בפינה העליונה בסופה, מוצגות כאשר המסגרת מכוונת או מחזיקה את המקלדת, תמיד על מסך בלי מחוון (`corner-actions--always` כדי להציגן לצמיתות). מסגרת שמחזיקה טקסט רציף משאירה עמודה פנויה עבורן.
אפשר להעתיק רמז זה עם הכפתור בפינה שלו.
בלוק עם שתי פעולות בפינה שלו, לא מפריע עד שמצביעים עליו.
מקונן
ערימה אופקית המכילה ערימות אנכיות — רשת לוח מחוונים טיפוסית.