react-multi-email-custom

This pretends to be a custom version of http://react-multi-email.axisj.com/.

please vitit http://react-multi-email.axisj.com/ for the original version

Installation

1npm install react-multi-email-custom -S

Usage

1import * as React from 'react';
2import { ReactMultiEmailCustom } from 'react-multi-email-custom';
3import 'react-multi-email-custom/style.css';
4
5class Basic extends React.Component {
6  state = {
7    emails: [],
8  };
9
10  render() {
11    const { emails } = this.state;
12    const myStyle = {};
13    
14    return (
15      <>
16        <Segment>
17          <Form>
18            <Form.Field>
19              <label>Email</label>
20
21              <ReactMultiEmailCustom
22                style={myStyle}
23                emails={emails}
24                onChange={_emails => {
25                  this.setState({ emails: _emails });
26                }}
27                getLabel={(
28                  email,
29                  index,
30                  removeEmail,
31                ) => {
32                  return (
33                    <Label key={index}>
34                      {email}
35                      <Icon name="delete" onClick={() => removeEmail(index)} />
36                    </Label>
37                  );
38                }}
39              />
40            </Form.Field>
41            <Form.Field>
42              <label>react-multi-email-custom value</label>
43              {emails.join(', ') || 'empty'}
44            </Form.Field>
45          </Form>
46        </Segment>
47      </>
48    );
49  }
50}

License

MIT