Icon directive

This directive is the responsible to display contextual feedback of the state of the input.

<data-nemo-icon 
    data-type="..." 
    data-field-name="..."
    data-on-hover="..." 
    data-on-blur="...">
</data-nemo-icon>

type (@)

The state to be displayed:

• help (the input has not been touched).
• error (the field has been touched, and it's invalid).
• valid (the field has been touched, and it's valid).

field-name (@)

The semantic reference to the input.

on-hover (&)

Callback function triggered when the icon is hovered.

on-blur (&)

Callback function triggered when the icon is blur.