This sample demonstrates the type of the notification badge. To apply the notification badge, add
.e-badge-notification
class or
.e-badge-dot
class for dot badge along with the
.e-badge class
.
There are 3 type of Notification badge, they are listed below. When using notification badge always apply
position: relative
to the container element.
.e-badge-notification
applies general notification badge.
.e-badge-circle
along with
.e-badge-notification
to apply circle notification badge.
.e-badge-dot
applied the dot badge to the target element.
The position can be changed to the bottom by adding the
.e-badge-bottom
class.