Demo en vivo

La barra real, funcionando con peticiones simuladas. Elige un escenario y explora la barra de la parte inferior.

NextToolbar solo funciona en next dev. Esta página alimenta el mismo componente con datos de ejemplo, para que la pruebes sin instalar nada.

Escenarios

Pasa el ratón (o usa Tab) por cualquier segmento de la barra para abrir su panel.
Haz clic en el id de la petición (#) para abrir el profiler: todas las peticiones, sus fetches y un timeline del render.
En el escenario 500, abre el panel de errores y haz clic en Details.
Minimízala con el logo o el botón de cerrar, y luego haz clic en el círculo.
Cambia el tema con el botón de la derecha.