This sample demonstrates the types of the notification badge. To apply the notification badge, add
.e-badge-notification class or
.e-badge-dot class to the dot badge along with
.e-badge class.
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.
.e-badge-notification applies general notification badge..e-badge-circle with .e-badge-notification applies the circle notification badge..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.