Badges
Shows the user notifications, counts, or status information on navigation items and icons.
Placement
Placement will vary based on what the badge is being added to. In the example, the badge is placed inside a div with a fixed height which then has a link to the website and background-image of the website's logo.
Component Behavior
Badges appear in the upper right hand corner of a navigation item or icon.
Accessibility Guidelines
Badges do not need any additional accessibility functionality if their meaning can be inferred from context (ie, the badge is read by the screen reader after or before the item it is badging).
Instructions
Place the image (or div with background image, etc) inside a div with the class ila-badge__container. Create a span with class ila-badge as a direct child of this container. There are two css properties of ila-badge you may need to tweak depending on your image. The default values are 'top: -5px' and 'left: 70%'. Customize these by either applying your own class or using the style property on the span tag which has the ila-badge class.
