Khối này kết hợp các khe tiêu đề và nội dung trong một cấu trúc có thể tái sử dụng duy nhất.
Các toán tử có thể được thêm vào mà không cần rời khỏi ngữ cảnh hiện tại.
Khu vực chính
Nội dung chính có thể phát triển tự nhiên với khoảng cách tiêu chuẩn.
Khu vực bên
Khu vực bên này sử dụng nền sáng để làm nổi bật nội dung bổ sung.
Bố cục ba khu vựcNháp
Bảng bên trái
Điều hướng phụ hoặc siêu dữ liệu có thể sống ở đây.
Nội dung chính
Thông tin chính được giữ ở giữa để dễ đọc.
Bảng bên phải
Các hành động và thông tin ngữ cảnh có thể được nhóm ở phía bên này.
Cột bên cố định
Một cột hẹp được định cỡ theo thang --size, bên cạnh một thân hấp thụ chiều rộng còn lại.
128Dự đoán
Khối chính
Một khối có tiêu đề và văn bản cơ thể.
Khối phụ
Một khối khác để minh họa khoảng cách.
Thẻ
Khối chính
Một khối có tiêu đề và văn bản cơ thể.
Khối phụ
Một khối khác để minh họa khoảng cách.
Khối thứ ba
Một khối thứ ba trong hàng.
Một dấu hiệu ở góc
`block--mark` đặt một biểu tượng nhỏ ở góc trên cùng tại đầu một block: đó là gì — loại thẻ được đặt trong một sơ đồ, loại tài liệu —, bên cạnh những gì nó nói, không phải tiêu đề.
Khối chính
Một khối có tiêu đề và văn bản cơ thể.
Khối chính
Một khối có tiêu đề và văn bản cơ thể.
Khối chính
Một khối có tiêu đề và văn bản cơ thể.
Một khối là liên kết
Toàn bộ thẻ là liên kết — cho một lựa chọn được thực hiện bằng cách chọn một thẻ trong số nhiều thẻ: một kế hoạch, một nhánh, một mẫu. Nó được đọc như văn bản, không phải như một hành động mờ nhạt; dưới con trỏ, nền của nó mang một sắc thái và cạnh của nó cứng lại, và bàn phím tìm thấy nó qua vòng tiêu điểm mà mỗi điều khiển đều mang.
Một giá trị hoặc biểu tượng lớn duy nhất, được căn giữa. Sử dụng cho các bộ đếm trên bảng điều khiển và các ô trạng thái — thêm block--square để giữ ô vuông bất kể chiều rộng của nó.
128Dự đoán
99.9%Thời gian hoạt động
Trực tiếp
Lưu lượng
42Sự kiện mỗi giây
Các chỉ số chính
Chỉ số được đọc như một chỉ số chính của bảng điều khiển: `block--figure--start` đặt nó từ đầu dòng, nhãn ở trên, giá trị với đơn vị được đặt lùi lại (`block--figure-unit`), và một dòng bên dưới nói rõ nó được tạo thành từ gì (`block--figure-sub`). `block--tone-cat-<name>` vẽ thanh danh mục xuống cạnh; một `a.block--link` mở chế độ xem của chỉ số. Trong một `grid`, hàng sẽ kéo dài thành nhiều dòng khi không gian thu hẹp lại.
Màu sắc của một trạng thái — hoặc của một thể loại — như một thanh dọc theo cạnh dẫn, và không gì khác: cùng một thanh mà một thông điệp mặc, không có nền được tô màu, để danh sách của chúng được đọc như một danh sách chứ không phải như một cảnh báo. Bất kỳ khối nào cũng có thể nhận nó, bao gồm cả một thanh đứng trên một khối.
block--tone-info — mặt đất vẫn là của khối, chỉ có cạnh dẫn mới mang màu sắc.
block--tone-success — mặt đất vẫn là của khối, chỉ có cạnh dẫn mới mang màu sắc.
block--tone-warning — mặt đất vẫn là của khối, chỉ có cạnh dẫn mới mang màu sắc.
block--tone-error — mặt đất vẫn là của khối, chỉ có cạnh dẫn mới mang màu sắc.
block--tone-cat-lavender — mặt đất vẫn là của khối, chỉ có cạnh dẫn mới mang màu sắc.
Chồng
Ngang
Các cột bằng nhau, chiều rộng đầy đủ, gói lại khi tràn.
Một
Hai
Ba
Bốn
Dọc
Các hàng xếp chồng, chiều rộng đầy đủ, khoảng cách đồng nhất.
Một
Hai
Ba
Chia tách
Con đầu tiên phát triển, con cuối cùng giữ cố định — được sử dụng cho hàng dẫn + hành động.
Mô tả hành động trong văn bản dẫn này.
Các hành động ở góc
`has-corner-actions` trên một khung — một lead, một block, một khối mã, một tin nhắn — và các hành động biểu tượng của nó trong một `corner-actions` bên trong: ở góc trên cùng tại cuối, hiển thị khi khung đang được chỉ vào hoặc giữ bàn phím, luôn hiển thị trên màn hình không có con trỏ (`corner-actions--always` để hiển thị chúng mãi mãi). Một khung chứa văn bản đang chạy giữ một cột trống cho chúng.
Lead này có thể được sao chép bằng nút ở góc của nó.
Một block với hai hành động ở góc của nó, nằm ngoài tầm nhìn cho đến khi nó được chỉ vào.
Lồng ghép
Chồng ngang chứa các chồng dọc — lưới bảng điều khiển điển hình.