react-email-autocomplete-dropdown

Demo

https://codesandbox.io/s/angry-elbakyan-s3xt7?file=/src/App.js

Installation

npm install react-email-autocomplete-dropdown

Usage

import React, { Component } from "react";
import Email from "react-email-autocomplete-dropdown";
import "react-email-autocomplete-dropdown/lib/main.min.css";

class App extends Component {
  render() {
    return (
      <div>
        <Email />
      </div>
    );
  }
}

export default App;

Custom domains

const domains = ["test.com", "hello.com"];
class App extends Component {
  render() {
    return (
      <div>
        <Email domains={domains} />
      </div>
    );
  }
}

export default App;

Events

handleOnChange=(e)=>{
    console.log(e.target.value)
}

dropdownClick=(value)=>{
    console.log(value)
}

......

<Email
  onChange={this.handleOnChange}
  dropdownOnClick={this.dropdownClick}
/>

Options

| Name | Type | Description | Example | | ----------- | ------- | ----------------------- | ------------------------- | | value | string | input state value | 'hello world' | | placeholder | string | custom placeholder | 'hello world' | | domains | array | custom dropdown domains | ["gmail.com","yahoo.com"] | | disabled | Boolean | disable input | false (Default) |

Events

onChange, dropdownOnClick

License

This software is released under the MIT License.