تجمع هذه الكتلة بين فتحات العناوين والمحتوى في هيكل قابل لإعادة الاستخدام.
يمكن إضافة المشغلين دون مغادرة السياق الحالي.
المنطقة الرئيسية
يمكن أن ينمو المحتوى الرئيسي بشكل طبيعي مع تباعد قياسي.
منطقة جانبية
تستخدم هذه المنطقة الجانبية خلفية فاتحة لتسليط الضوء على المحتوى التكميلي.
تخطيط ثلاث مناطقمسودة
اللوحة اليسرى
يمكن أن تعيش هنا الملاحة الثانوية أو البيانات الوصفية.
المحتوى الرئيسي
تظل المعلومات الأساسية مركزة لسهولة القراءة.
اللوحة اليمنى
يمكن تجميع الإجراءات والأفكار السياقية على هذا الجانب.
عمود جانبي ثابت
عمود ضيق مقاس على مقياس --size، بجانب جسم يمتص العرض المتبقي.
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` لإظهارها بشكل دائم). يحتفظ الإطار الذي يحتوي على نص جاري بعمود فارغ لها.
يمكن نسخ هذا الرائد باستخدام الزر في زاويته.
كتلة تحتوي على إجراءين في زاويتها، بعيدة عن الطريق حتى يتم الإشارة إليها.
متداخل
تكديس أفقي يحتوي على تكديس عمودي — شبكة لوحة التحكم النموذجية.