🛎 How can I add a notification badge to a menu item?

[sondredoli]

I’m trying to add a classic notification badge (like 1) to one of my bottom menu items — to show that the user has unread notifications.

Here’s a screenshot from my app as an example:

What I’ve tried so far:

1. Manually placing a group with a red badge on top of the menu icon
   Visually works
   But it’s not clickable — I lose interaction with the menu item underneath.
2. Adding the badge as a separate menu item with negative margin
   Shows the number
   Takes up a menu slot (which I don’t have available)
   Not responsive or scalable

---

What I’m looking for:

• A way to overlay a badge with a number on a menu icon,
• While still keeping the original menu item clickable
• Ideally works well on mobile and scales with different screen sizes

Would love to hear if anyone has a good workaround, plugin, or approach for this

Thanks!

[sondredoli]

Ive ended up adding a group inside my page. And that works great for now.

[nick.carroll]

Will note a feature request for adding badges to tab items