Componente del kit · estructura

App shell

La rejilla de dos columnas que envuelve toda pantalla de SIGA: carril pegajoso a la izquierda, barra superior traslúcida arriba y área de trabajo con ancho máximo de 1400px. Es la única pieza que se copia entera y sin cambios.

.shell.sidebar.main.topbar .page.pagehead.actionbar

Título de la pantalla

contexto corto

Cabecera de página

Una frase que explica qué hace esta pantalla, limitada a 68 ch de medida.

.row-2-1 · principal
Tabla, compositor o formulario largo.
.row-2-1 · lateral
Metadatos y avisos contextuales.

En una pantalla real el carril se renderiza con <aside class="sidebar" data-sidebar data-active="…" data-role="…"> desde assets/siga.js. Aquí se usa data-kit-rail porque las rutas del runtime son relativas a la raíz del proyecto.