این بلوک اسلات‌های عنوان و محتوا را در یک ساختار قابل استفاده مجدد ترکیب می‌کند.
عملگرها می‌توانند بدون ترک کردن زمینه فعلی اضافه شوند.
منطقه اصلی
محتوای اصلی می‌تواند به طور طبیعی با فاصله استاندارد رشد کند.
منطقه کناری
این منطقه کناری از پس‌زمینه روشن برای برجسته کردن محتوای مکمل استفاده می‌کند.
چیدمان سهمنطقهایپیشنویس
پنل چپ
ناوبری ثانویه یا متاداده می‌تواند در اینجا زندگی کند.
محتوای اصلی
اطلاعات اصلی برای خوانایی در مرکز باقی می‌ماند.
پنل راست
عملیات و بینش‌های مربوطه می‌توانند در این سمت گروه‌بندی شوند.
ستون کناری ثابت
ستون باریکی بر اساس مقیاس --size، در کنار بدنه‌ای که عرض باقی‌مانده را جذب می‌کند.
128پیش‌بینی‌ها
بلوک اصلی
یک بلوک با عنوان و متن بدنه.
بلوک ثانویه
بلوک دیگری برای نشان دادن فاصله.
کارت‌ها
بلوک اصلی
یک بلوک با عنوان و متن بدنه.
بلوک ثانویه
بلوک دیگری برای نشان دادن فاصله.
بلوک سوم
بلوک سوم در ردیف.
یک علامت در گوشه
`block--mark` یک آیکون کوچک را در گوشه بالایی ابتدای یک بلوک قرار می‌دهد: چه چیزی است — نوع یک کارت در یک دیاگرام، نوع یک سند —، در کنار آنچه می‌گوید، نه یک عنوان.
بلوک اصلی
یک بلوک با عنوان و متن بدنه.
بلوک اصلی
یک بلوک با عنوان و متن بدنه.
بلوک اصلی
یک بلوک با عنوان و متن بدنه.
بلوک به عنوان یک لینک
کل کارت لینک است — برای انتخابی که با انتخاب یک کارت از چندین کارت انجام می‌شود: یک طرح، یک شاخه، یک الگو. این به عنوان متن خوانده می‌شود، نه به عنوان یک عمل محو؛ زیر نشانگر زمینش نوانس می‌گیرد و لبه‌اش محکم می‌شود، و کیبورد آن را با حلقه تمرکز که هر کنترل دارد پیدا می‌کند.
یک مقدار یا آیکون بزرگ و متمرکز. برای شمارنده‌های داشبورد و کاشی‌های وضعیت — به بلوک--مربع اضافه کنید تا کاشی به هر عرضی مربع بماند.
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 — زمین متعلق به بلوک است، تنها لبه پیشرو رنگ را حمل می‌کند.
پشته‌ها
افقی
ستون‌های برابر، با عرض کامل، در صورت Overflow پیچیده می‌شود.
یک
دو
سه
چهار
عمودی
ردیف‌های انباشته، با عرض کامل، فاصله یکنواخت.
یک
دو
سه
تقسیم شده
فرزند اول رشد می‌کند، فرزند آخر ثابت می‌ماند — برای ردیف‌های رهبری + عمل استفاده می‌شود.
عمل را در این متن رهبری توصیف کنید.
عملیات در گوشه
`has-corner-actions` بر روی یک فریم — یک لید، یک بلوک، یک کد بلوک، یک پیام — و اقدامات آیکون آن در `corner-actions` درون آن: در گوشه بالایی انتهای آن، در حالی که فریم به آن اشاره شده یا کلیدها را نگه داشته است، همیشه بر روی صفحه‌ای بدون نشانگر (`corner-actions--always` برای نمایش دائمی). یک فریم که متن جاری را در خود دارد، یک ستون را برای آنها خالی نگه می‌دارد.
این لید را می‌توان با دکمه در گوشه‌اش کپی کرد.
یک بلوک با دو اقدام در گوشه‌اش، دور از دید تا به آن اشاره شود.
تودرتو
پشته افقی شامل پشته‌های عمودی — شبکه معمولی داشبورد.