# Banner Offline

Banners de estado de conexión: advertencia, error y reconexión exitosa.

## Demo interactivo

Haz clic en los botones para mostrar cada variante. Los banners se pueden cerrar con el botón × o simulan auto-dismiss.

## Variantes estáticas

a) Warning — Modo offline
⚠️ Modo offline — Funciones limitadas. Solo consultas en caché disponibles.
b) Error — Conexión perdida
🔴 Conexión perdida — Intentando reconectar...
c) Success — Conexión restaurada (auto-dismiss)
✅ Conexión restaurada — Sincronizando datos...

## Uso en contexto: Header de aplicación

Nexus Autoparts POS
⚠️ Modo offline — Funciones limitadas. Solo consultas en caché disponibles.

Contenido de la aplicación debajo del banner...