Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Editor de gráficos.

Conecta datos, template cochid-graphs, tema Style, vista previa, accesibilidad y exportación reproducible.

Ejemplo completo

Compara la deuda observada con la composición propuesta para r19.

AntesGráfico sin procedencia
r19Datos, plantilla, vista previa y exportación
MarcaContexto

Editor de gráficos

La tarea principal aparece antes que la configuración.

ObjetoEjemplo verificable
FuenteContrato canónico

Objetivo

Conecta datos, template cochid-graphs, tema Style, vista previa, accesibilidad y exportación reproducible.

La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.

Regiones

OrdenRegión
1Datos y consulta
2Tipo o template
3Codificación visual
4Vista previa
5Fuente y alternativa
6Exportar y permalink

Estados obligatorios

EstadoContenido mínimo
draftConfiguración editable
renderingTrabajo y estado
readyRenderer, template y digest
invalidCampo y causa
exportedFormato y recibo

Responsive y accesibilidad

  • Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
  • El título de página es único y el breadcrumb conserva la jerarquía real.
  • Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
  • El foco llega al mensaje o campo que requiere atención tras un envío.
  • La URL entrega contenido completo sin router cliente.