Bu blok başlık alanları ve içeriği tek bir yeniden kullanılabilir yapıda birleştirir.
Operatörler mevcut bağlamı terk etmeden eklenebilir.
Ana alan
Ana içerik standart boşlukla doğal olarak büyüyebilir.
Yan alan
Bu yan alan, tamamlayıcı içerikleri vurgulamak için açık bir arka plan kullanır.
Üç alan düzeniTaslak
Sol panel
İkincil navigasyon veya meta veriler burada yer alabilir.
Ana içerik
Birincil bilgi okunabilirlik için ortada kalır.
Sağ panel
Bağlamsal eylemler ve içgörüler bu tarafında gruplandırılabilir.
Sabit yan sütun
Kalan genişliği absorbe eden bir gövdenin yanında, --boyut ölçeğine göre boyutlandırılmış dar bir sütun.
128Projeksiyonlar
Birincil blok
Bir başlık ve gövde metni olan bir blok.
İkincil blok
Boşluğu göstermek için başka bir blok.
Kartlar
Birincil blok
Bir başlık ve gövde metni olan bir blok.
İkincil blok
Boşluğu göstermek için başka bir blok.
Üçüncül blok
Satırdaki üçüncü blok.
Köşedeki bir işaret
`block--mark` bir bloğun başlangıcındaki üst köşeye küçük bir simge yerleştirir: ne olduğu — bir diyagramda yer alan bir kartın türü, bir belgenin türü —, söylediği şeyin yanında, bir başlık değil.
Birincil blok
Bir başlık ve gövde metni olan bir blok.
Birincil blok
Bir başlık ve gövde metni olan bir blok.
Birincil blok
Bir başlık ve gövde metni olan bir blok.
Bir bağlantı olan blok
Tüm kart bağlantıdır — birkaç kart arasından birini seçerek yapılan bir seçim için: bir plan, bir dal, bir şablon. Metin olarak okunur, sönük bir eylem olarak değil; imleç altında zemini bir nüans alır ve kenarı sıkılaşır, klavye her kontrolün giydiği odak halkasıyla onu bulur.
Ortada, tek bir büyük değer veya simge. Gösterge panelleri sayaçları ve durum kutucukları için kullanılır — genişliği ne olursa olsun kutucuğun kare kalmasını sağlamak için block--square ekleyin.
128Projeksiyonlar
99.9%Çalışma süresi
Canlı
Verim
42Saniyedeki olay sayısı
Anahtar rakamlar
Bir gösterge panelinin anahtar rakamı olarak okunan rakam: `block--figure--start` satırın başlangıcından yerleştirir, üstte etiket, değerin birimi geride ayarlanmış olarak (`block--figure-unit`), ve ne ile yapıldığını belirten bir satır bunun altında (`block--figure-sub`). `block--tone-cat-<name>` kategorinin çubuğunu kenardan aşağı çizer; bir `a.block--link` rakamın görünümünü açar. Bir `grid` içinde, satır daraldıkça birkaç satıra gider.
Bir durumun — veya bir kategorinin — ön kenarda bir çubuk olarak rengi, ve başka bir şey değil: bir mesajın taşıdığı aynı çubuk, boyalı zemin olmadan, böylece bir listesinin bir liste olarak okunmasını sağlar ve bir alarm olarak değil. Her blok bunu alır, bir blok üzerinde duran bir çubuk da dahil.
block--tone-info — Zemin bloğun kendine ait kalır, yalnızca ön kenar renk taşır.
block--tone-success — Zemin bloğun kendine ait kalır, yalnızca ön kenar renk taşır.
block--tone-warning — Zemin bloğun kendine ait kalır, yalnızca ön kenar renk taşır.
block--tone-error — Zemin bloğun kendine ait kalır, yalnızca ön kenar renk taşır.
block--tone-cat-lavender — Zemin bloğun kendine ait kalır, yalnızca ön kenar renk taşır.
Yığınlar
Yatay
Eşit sütunlar, tam genişlik, taşma durumunda sarılır.
Bir
İki
Üç
Dört
Dikey
Yığılmış satırlar, tam genişlik, eşit boşluk.
Bir
İki
Üç
Bölünmüş
İlk çocuk büyür, son çocuk sabit kalır — lider + eylem satırları için kullanılır.
Bu lider metinde eylemi tanımlayın.
Köşedeki işlemler
`has-corner-actions` bir çerçevede — bir başlık, bir blok, bir kod bloğu, bir mesaj — ve içindeki `corner-actions`'da simgeleri: çerçevenin sonunda üst köşede, çerçeveye işaret edilirken veya klavye tutarken gösterilir, her zaman işaretçi olmayan bir ekranda (`corner-actions--always` ile sürekli gösterilir). Çalışan metni tutan bir çerçeve, bunlar için bir sütunu boş bırakır.
Bu başlık köşesindeki düğme ile kopyalanabilir.
Köşesinde iki işlemi olan bir blok, üzerine işaret edilene kadar görünmez.
İç içe
Dikey yığınlar içeren yatay yığın — tipik gösterge panosu ızgarası.