This sample demonstrates the integration of avatar component with badges to create notification avatars.
The avatar can be used with badges to indicate the new activities to
users. The container needs
position: relative property to achieve the notifications
styled avatar. In this sample, the wrapper is applied with
position: relative property with avatar and badge
elements inside it.
Since the avatar is a supportive and dependent component, it can be used in many ways and have wide variety of use-cases.