There are 3 types of notification badges and they are listed as follows. When using the notification badge, always apply position: relative to the container element. Default notification: The .e-badge-notification applies general notification badge. Circle notification: The .e-badge-circle with .e-badge-notification applies the circle notification badge. Dot notification: The .e-badge-dot applies the dot badge to the target element. The position can be changed to the bottom by adding the .e-badge-bottom class.