@dberezin/miro-email-picker
v1.0.2
Published
Frontend test assessment for Miro
Downloads
4
Readme
miro-email-picker
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.
Demo
Check online demo.
Browsers support
EmailsPicker is supports IE 11 and the latest versions of Chrome, Safari, Firefox, Edge.
Installation and usage
Bundle size is 5kb gzipped.
<script> include
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>npm
- 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'));API
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