Badges

Badges can be used to relay some information. For example, a status badge can be used to indicate whether a user is online or offline.

Status badge on Avatars

Status badge indicates whether the user is online, offline or away.

avatar-img
MB
avatar-img
MB
avatar-img
                        
                            
                        
                    

Edit badge on avatars

Edit badge can be used to provide an option to change the avatar.

MB
avatar-img
MB
avatar-img
MB
                        
                            
                        
                    

Badge on icons

Badge can be used on icons to indicate the number of notifications