Package Exports

react-email-autocomplete-dropdown

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-email-autocomplete-dropdown) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.