This is a completed frontend test assignment for Miro.
Full requirements for this task are here.
miro-email-picker
is a simple control that lets the user enter multiple emails.
Check online demo.
EmailsPicker is supports IE 11 and the latest versions of Chrome, Safari, Firefox, Edge.
Bundle size is 5kb gzipped.
Import js bundle from https://deniskaber.github.io/miro-email-picker/dist/main.js
.
<!DOCTYPE html>
<html>
<head>
<script src="https://deniskaber.github.io/miro-email-picker/dist/main.js"></script>
</head>
<body>
<div id="emails-input"></div>
<script>
const { addEmail, removeEmail, getValue, destroy } = EmailsPicker(document.getElementById('emails-input'));
</script>
</body>
</html>
- Add miro-email-picker to your project
npm i @dberezin/miro-email-picker
- Start using it:
import EmailsPicker from '@dberezin/miro-email-picker';
const { addEmail, removeEmail, getValue, destroy } = EmailsPicker(document.getElementById('emails-input'));
EmailsPicker
returns an object with these methods:
addEmail: (email: string) => void
- adds an email to the EmailsPicker instanceremoveEmail: (email: string) => void
- removes added email from the EmailsPicker instancegetValue: () => string[]
- returns the list of added valid emailsdestroy: () => void
- removes the widget