Icons

Classes

• lotusIconLike - the Like icon
• lotusIconMsgSuccess - the icon for success messages
• lotusIconMsgError - the icon for error messages
• lotusIconMsgInfo - the icon for informational messages
• lotusIconMsgWarning - the icon for warning messages

Basic Implementation

Create a DOM element and assign the appropriate class. If you use <img> set the soure attribute to a one-pixel transparent .gif.

Accessibility

If you use <img> use the alt attribte to specify alternate text when other alternate text is not already on the page. If you do not use <img> add an aria-label="alternate text" to describe the image.

Sample HTML - Icons

CSS (icons.css)

This component was created in version 3.0.