Skip to content

PWA prompts

InstallButton + UpdateToast — driven by virtual:pwa-register events through Nano Stores.

stable client:visible

Rendered example — light + dark

Light

Simulate the global PWA signals. The install button and update toast are mounted in BaseLayout — trigger them here to see them appear.

Dark

Simulate the global PWA signals. The install button and update toast are mounted in BaseLayout — trigger them here to see them appear.

Recipes & props

A realistic usage snippet for this component. Imports come from @/components/ui/…. See the source for the full API.

---
import InstallButton from '@/components/islands/InstallButton';
import UpdateToast from '@/components/islands/UpdateToast';
---
{/* Driven by virtual:pwa-register events through Nano Stores. */}
<InstallButton client:idle />
<UpdateToast client:idle />

Report an issue

Show diagnostics

Environment

 

Console errors

 

Failed requests