Component which can receive a list of emails to be displayed as a multiple email input. 

It validates if email is valid, applying an invalid class when it is not. 

Emails can be eliminated by backspace or by selecting the close icon. 

Once an email is added to the list an event will be triggered, sending the updated email list to be handled in the screen/webblock using it.

For container customization: “.multiple-email-container”

For email tag customization: “.multiple-email-tag”

For invalid email customization: “.multiple-email-not-valid”

For input customization: “.multiple-email-input”

For input container customization: “.multiple-email-input-container”

For close icon link customization: “.multiple-email-close-icon a”

Test it now here.

Feel free to suggest enhancements or to report bugs.

Special thanks to Edgar Rabasquinho, João Gouveia and Leopoldo Ismael for the UX suggestions.