This sample demonstrates the integration of avatar component withmbadges 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.