FaviconUnread

Shows an unread count on the page favicon as a colored badge, also using the app badge API where the browser supports it

Live preview

Open in new tab ↗

Configuration:

  • fg {String} foreground color (default: white)
  • bg {String} backround color (default: red)
  • selector {String} optional, selector for a specific image element (default: favicon in head of HTML)
  • NEW badge {Boolean} optional, enables usage of navigator.setAppBadge() (default: true)

More UI components

Browse all 348