# multi-emails-component

> A react component to format multiple email easily.

Latest version **1.0.14** (published 2023-08-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install multi-emails-component
pnpm add multi-emails-component
yarn add multi-emails-component
bun add multi-emails-component
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.14 |
| Published | 2023-08-28 |
| First published | 2023-08-26 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 110.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Mahmoud Mamdouh matwaly |
| Maintainers | mahmouddeha |

## Links

- npm: https://www.npmjs.com/package/multi-emails-component
- Repository: https://github.com/mahmoud-mamdouh-matwaly/multi-emails-component
- Homepage: https://github.com/mahmoud-mamdouh-matwaly/multi-emails-component#readme
- Issues: https://github.com/mahmoud-mamdouh-matwaly/multi-emails-component/issues
- npm.io page: https://npm.io/package/multi-emails-component

## Recent versions

- 1.0.14 (latest) — 2023-08-28
- 1.0.13 — 2023-08-28
- 1.0.12 — 2023-08-28
- 1.0.11 — 2023-08-26
- 1.0.10 — 2023-08-26
- 1.0.9 — 2023-08-26
- 1.0.8 — 2023-08-26
- 1.0.7 — 2023-08-26
- 1.0.6 — 2023-08-26
- 1.0.5 — 2023-08-26
- 1.0.4 — 2023-08-26
- 1.0.3 — 2023-08-26
- 1.0.2 — 2023-08-26

## README

# Multi Email Component

A react component to format multiple email easily.

The user can type emails one by one or paste them,
and can be edited and removed one of them, and have validation about the type of email and duplicate email

```
import { useCallback, useState } from 'react';
import { MultiEmail } from 'multi-emails-component';
const mockData = [
    {email: 'example@gmail.com', edit: false}, 
    {email: 'example-new@gmail.com', edit: false}
    ];

const App = () => {
    const [emails, setEmails] = useState(mockData);

    const getEmails = useCallback(email => {
        setEmails(email);
    }, []);

    return (
        <MultiEmail 
            placeholder="Add emails comma separated" 
            getEmails={getEmails} 
            emails={emails} 
            labelText="Emails *"
        /> 
    )
}
```

---
_Source: https://npm.io/package/multi-emails-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._