I want to setup the notification badge


I have a notification badge,it’s just showing the badge in the tab.

Found something like this,

If I moved to another tab,it’s not showing the tab.
But i need the notification badge there if it’s not seen.

Second,i want the notification everytime a new order comes.

How to setup this.

Use this code. Adjust the settings according to the number of tabs you have. Also make sure to include this code on each screen each tab of your screen so the notification badge is shown on all screens for that tab.

Replace the {TAB NAME} with the LABEL of your TAB where you want the notification badge to be seen. Replace the {ORDER NUMBER} with the settings of when a new order comes in.

button[aria-label="{TAB NAME}"]::before {
  content: "{ORDER NUMBER}";
  position: absolute;
  font-size: 11px;
  font-weight: 800;
  color: white;
  padding: 3px;
  top: 0px;
  right: 50px;
  z-index: 1;
  height: 20px;
  width: 20px;
  background-color: red;
  border-radius: 50%;


Order number is like i need to count the orders ?
And put that value here?