Ico Work flow

Bindable Properties

1. extName
   
2. options
   
3. otherInfo
   
4. extTooltip
   
5. superscript
   
6. subscript
   
7. extDisabled
   
8. evtClickCallback
   

Overview

Shows an icon based on the extName passed.

Features/Functionality

• Shows an icon based on the extName passed inside a div of min-height and min-width of '36px' and default font size of icon as '18px'.
• Gives Superscript and Subscript of icon.
• On Hover of the icon, tooltip is shown.
• Click event callback will called on click.
• Component is responsive.
• It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Defaults

• No defaults have been taken. Icon will be shown based on data passed.
• To icon to be shown, passing 'name' is mandatory.

Breakdown

• Variable created to map Icon Name with classes.
• Converted the name to upper case for mapping.
• Design Created by giving 'title' attribute, adding super/subscript and binding click event.
• On Click of icon click call back is called passing parentContext.