Saltar al contenido
Índice de Kit UI
Kit UI Catálogo

Feedback y estados del sistema.

El aviso con acción persiste hasta cerrarlo; la confirmación discreta no interrumpe. El estado de vista reúne vacío, carga y error; el consumidor aporta la explicación y la acción cuando corresponden.

Avisos

Estos ejemplos son locales y no guardan datos ni envían correo. La aplicación conecta la acción y puede indicar un destino de foco al cerrar. No desaparecen por tiempo.

Estados de vista

UiState anuncia vacío, carga o error y admite description y action opcionales. El consumidor aporta la causa y la salida apropiadas a su contexto; el componente no inventa un reintento ni ejecuta una consulta. La carga conserva el contexto.

No hay resultados

Prueba otra búsqueda o quita los filtros.

Cargando resultados

Conservamos la vista anterior mientras esperamos.

Matriz

EstadoComponente
InformaciónNotice o alert
ÉxitoConfirmación y siguiente acción
WarningRiesgo reversible
ErrorCausa, consecuencia y recuperación
CargaSkeleton, spinner o progreso
VacíoExplicación y acción
AsíncronoToast o región live

Lenguaje

  • Nombrar qué ocurrió.
  • Explicar qué puede hacer la persona.
  • No usar sólo color o icono.
  • Reservar toast para resultados no bloqueantes.
  • Persistir errores que requieren acción.

Decisiones

Usa el identificador para confirmar, modificar o rechazar una regla.

FDB-01Pendiente de aprobaciónPromover alert, empty, skeleton, progress y toast después de auditoría.
FDB-02Pendiente de aprobaciónUsar mensajes en modo estricto de core/prosa.