Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Inbox y conversación.

Combina bandeja, hilo y composición sin perder remitente, estado, fecha ni retorno a la lista.

Ejemplo completo

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

AntesLista sin contexto
r19Bandeja, hilo, participantes y respuesta
MarcaContexto

Inbox y conversación

La tarea principal aparece antes que la configuración.

ObjetoEjemplo verificable
FuenteContrato canónico

Objetivo

Combina bandeja, hilo y composición sin perder remitente, estado, fecha ni retorno a la lista.

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

Regiones

OrdenRegión
1Carpetas y filtros
2Lista de conversaciones
3Hilo activo
4Participantes
5Compositor
6Actividad

Estados obligatorios

EstadoContenido mínimo
unreadRemitente, asunto y fecha
selectedContexto preservado
sendingBorrador bloqueado con estado
failedContenido preservado y reintento
emptyCambiar filtros o iniciar conversació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.