Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Ajustes.

Organiza preferencias, seguridad y notificaciones en URLs estables, con guardado explícito cuando el cambio no es inmediato.

Ejemplo completo

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

AntesEstructura fragmentada
r19Jerarquía canónica completa
MarcaContexto

Ajustes

La tarea principal aparece antes que la configuración.

ObjetoEjemplo verificable
FuenteContrato canónico

Objetivo

Organiza preferencias, seguridad y notificaciones en URLs estables, con guardado explícito cuando el cambio no es inmediato.

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

Regiones

OrdenRegión
1Navegación secundaria
2Título y alcance
3Secciones de formulario
4Acciones
5Recibo y actividad

Estados obligatorios

EstadoContenido mínimo
unchangedValor actual
dirtyCambios pendientes
savingAcciones bloqueadas con estado
savedConfirmación y timestamp
conflictValor nuevo del servidor y resolución

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.