Ten blok łączy sloty tytułowe i treść w jedną wielokrotnego użytku strukturę.
Operatorzy mogą być dodawani bez opuszczania bieżącego kontekstu.
Główna strefa
Główna treść może naturalnie rosnąć z standardowym odstępem.
Strefa boczna
Ta boczna strefa używa jasnego tła, aby wyróżnić treści uzupełniające.
Układ trzech strefSzkic
Lewy panel
Tutaj może znajdować się nawigacja podrzędna lub metadane.
Główna treść
Podstawowe informacje pozostają wyśrodkowane dla czytelności.
Prawy panel
Kontekstowe działania i spostrzeżenia mogą być grupowane po tej stronie.
Stała kolumna boczna
Wąska kolumna o rozmiarze zgodnym z skalą --size, obok treści, która wchłania pozostałą szerokość.
128Projekcje
Blok podstawowy
Blok z tytułem i tekstem treści.
Blok podrzędny
Inny blok do pokazania odstępu.
Karty
Blok podstawowy
Blok z tytułem i tekstem treści.
Blok podrzędny
Inny blok do pokazania odstępu.
Blok trzeciorzędny
Trzeci blok w wierszu.
Znak w rogu
`block--mark` umieszcza małą ikonę w górnym rogu na początku bloku: co to jest — typ karty umieszczonej w diagramie, rodzaj dokumentu —, obok tego, co mówi, nie jako tytuł.
Blok podstawowy
Blok z tytułem i tekstem treści.
Blok podstawowy
Blok z tytułem i tekstem treści.
Blok podstawowy
Blok z tytułem i tekstem treści.
Blok, który jest linkiem
Cała karta jest linkiem — dla wyboru dokonanego przez wybranie jednej karty spośród kilku: plan, gałąź, szablon. Wygląda jak tekst, a nie jak stłumiona akcja; pod wskaźnikiem jej tło zyskuje odcień, a krawędź się utwardza, a klawiatura znajduje ją przez pierścień skupienia, który nosi każda kontrolka.
Pojedyncza, dużych rozmiarów wartość lub ikona, wyśrodkowana. Używana do liczników na pulpicie i kafelków statusu — dodaj block--square, aby kafelek pozostał kwadratowy, niezależnie od jego szerokości.
128Projekcje
99.9%Czas pracy
Na żywo
Przepustowość
42Wydarzenia na sekundę
Kluczowe dane
Figura odczytywana jako kluczowy wskaźnik pulpitu: `block--figure--start` umieszcza ją od początku linii, etykieta powyżej, wartość z jednostką ustawioną z tyłu (`block--figure-unit`), a pod nią linia mówiąca, z czego się składa (`block--figure-sub`). `block--tone-cat-<name>` rysuje pasek kategorii wzdłuż krawędzi; `a.block--link` otwiera widok figury. W `grid` wiersz rozciąga się na kilka linii, gdy przestrzeń się zawęża.
Kolor stanu — lub kategorii — jako pasek wzdłuż krawędzi prowadzącej, i nic więcej: ten sam pasek, który nosi wiadomość, bez zabarwionego tła, dzięki czemu lista wygląda jak lista, a nie jak alarm. Każdy blok to przyjmuje, w tym pasek stojący na bloku.
block--tone-info — grunt jest własnością bloku, tylko krawędź prowadząca nosi kolor.
block--tone-success — grunt jest własnością bloku, tylko krawędź prowadząca nosi kolor.
block--tone-warning — grunt jest własnością bloku, tylko krawędź prowadząca nosi kolor.
block--tone-error — grunt jest własnością bloku, tylko krawędź prowadząca nosi kolor.
block--tone-cat-lavender — grunt jest własnością bloku, tylko krawędź prowadząca nosi kolor.
Stosy
Poziomy
Równe kolumny, pełna szerokość, zawija przy przepełnieniu.
Pierwsze dziecko rośnie, ostatnie dziecko pozostaje stałe — używane do wierszy prowadzących + akcji.
Opisz akcję w tym wiodącym tekście.
Działania w rogu
`has-corner-actions` na ramce — lead, blok, blok kodu, wiadomość — oraz jego ikony działań w `corner-actions` wewnątrz: w górnym rogu na końcu, pokazywane, gdy ramka jest wskazywana lub trzymana na klawiaturze, zawsze na ekranie bez wskaźnika (`corner-actions--always`, aby pokazać je na stałe). Ramka trzymająca tekst w biegu pozostawia kolumnę wolną dla nich.
Ten lead można skopiować przyciskiem w jego rogu.
Blok z dwoma działaniami w rogu, poza zasięgiem, dopóki nie zostanie wskazany.