Badge

Display a badge on the app icon

Applications can show badges on their icons to notify users of new content. This content may include unread emails, notifications, or new blog posts.

In the following example, the badge is set when the page is loaded. Feel free to dynamically enable this feature.

<body
    data-controller="pwa--badge"
    data-action="load@window->pwa--badge#update"
    data-pwa--badge-counter-param="42"
>
    ...
</body>

None

update: this action sets a new value counter that is passed as argument

clear: removes the badge

None

On status change, the event pwa--badge:updated is dispatched. The payload property contains the following data:

Last updated 3 months ago

Was this helpful?