Badge
Badge is a small circle, positioned either at top or bottom of the parent component. Badges are used to display for example - online / offline status of the user or number of notifications.
Badge on Avatar
Badge on Avatars are used to display user's activity status like - online, offline. A number badge can also be used with Avatar. Refer the example below.
5+
Badge on Icon
Number badge is used on Icons to display count, for example - number of notifications, items in cart etc.
10
5+
14
Badge Size
AceUI provides badge of three sizes - large, medium and small. Use class 'badge-lg', 'badge-md', 'badge-sm' for badge of respective size.