Este bloque combina espacios de título y contenido en una única estructura reutilizable.
Se pueden agregar operadores sin salir del contexto actual.
Zona principal
El contenido principal puede crecer naturalmente con espaciado estándar.
Zona lateral
Esta zona lateral utiliza un fondo claro para resaltar contenido complementario.
Diseño de tres zonasBorrador
Panel izquierdo
La navegación secundaria o los metadatos pueden vivir aquí.
Contenido principal
La información primaria se mantiene centrada para facilitar la lectura.
Panel derecho
Las acciones contextuales y los conocimientos pueden agruparse en este lado.
Columna fija al lado
Una columna estrecha dimensionada en la escala --size, al lado de un cuerpo que absorbe el ancho restante.
128Proyecciones
Bloque primario
Un bloque con un título y texto en el cuerpo.
Bloque secundario
Otro bloque para demostrar el espaciado.
Tarjetas
Bloque primario
Un bloque con un título y texto en el cuerpo.
Bloque secundario
Otro bloque para demostrar el espaciado.
Bloque terciario
Un tercer bloque en la fila.
Una marca en la esquina
`block--mark` coloca un pequeño ícono en la esquina superior al inicio de un bloque: lo que es — el tipo de una tarjeta colocada en un diagrama, el tipo de un documento —, al lado de lo que dice, no un título.
Bloque primario
Un bloque con un título y texto en el cuerpo.
Bloque primario
Un bloque con un título y texto en el cuerpo.
Bloque primario
Un bloque con un título y texto en el cuerpo.
Un bloque que es un enlace
Toda la tarjeta es el enlace — para una elección hecha al seleccionar una tarjeta entre varias: un plan, una rama, una plantilla. Se lee como texto, no como una acción atenuada; bajo el puntero su suelo toma un matiz y su borde se endurece, y el teclado lo encuentra por el anillo de enfoque que cada control lleva.
Un único valor o ícono sobredimensionado, centrado. Usado para contadores de panel y mosaicos de estado — añade block--square para mantener el mosaico cuadrado sin importar su ancho.
128Proyecciones
99.9%Tiempo de actividad
En vivo
Rendimiento
42Eventos por segundo
Figuras clave
La figura leída como figura clave de un tablero: `block--figure--start` la coloca desde el inicio de la línea, la etiqueta arriba, el valor con su unidad retrocedido (`block--figure-unit`), y una línea debajo que dice de qué está hecha (`block--figure-sub`). `block--tone-cat-<name>` dibuja la barra de la categoría a lo largo del borde; un `a.block--link` abre la vista de la figura. En una `grid`, la fila se extiende a varias líneas a medida que el espacio se reduce.
El color de un estado — o de una categoría — como una barra en el borde delantero, y nada más: la misma barra que lleva un mensaje, sin el suelo tintado, para que una lista de ellos se lea como una lista y no como una alarma. Cualquier bloque lo acepta, incluida una barra que se sostiene en un bloque.
block--tone-info — el suelo es propio del bloque, solo el borde delantero lleva el color.
block--tone-success — el suelo es propio del bloque, solo el borde delantero lleva el color.
block--tone-warning — el suelo es propio del bloque, solo el borde delantero lleva el color.
block--tone-error — el suelo es propio del bloque, solo el borde delantero lleva el color.
block--tone-cat-lavender — el suelo es propio del bloque, solo el borde delantero lleva el color.
Pilotes
Horizontal
Columnas iguales, ancho completo, se envuelven al desbordarse.
El primer hijo crece, el último hijo permanece fijo — utilizado para filas de lead + acción.
Describe la acción en este texto de lead.
Acciones en una esquina
`has-corner-actions` en un marco — un lead, un bloque, un bloque de código, un mensaje — y sus acciones de íconos en un `corner-actions` dentro de él: en la esquina superior al final, mostradas mientras el marco está apuntado o tiene el teclado, siempre en una pantalla sin puntero (`corner-actions--always` para mostrarlas de forma permanente). Un marco que contiene texto en ejecución mantiene una columna libre para ellas.
Este lead se puede copiar con el botón en su esquina.
Un bloque con dos acciones en su esquina, fuera del camino hasta que se apunte a él.
Anidado
Pila horizontal que contiene pilas verticales — cuadrícula de panel típica.