React Mail Chips

A React component library for managing email input as chips.

• Easy to configure
• No dependency
• Simple to use

Table of Contents

• Installation
• Usage
• Props
• License

Installation

Install the library using npm:

npm install react-mail-chips

Or using yarn:

yarn add react-mail-chips

Usage

Here's a basic example of how to use the ReactMailChips component:

import React, { useState } from "react";
import { ReactMailChips } from "react-mail-chips";

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

  return (
    <div>
      <ReactMailChips emails={emails} setEmails={setEmails} />
    </div>
  );
};

export default App;

Props

Property	Type	Description	Default
emails	string[]	An array of email strings.
setEmails	(emails:string[]) => void	A function to update the emails array.
className	string?	Additional class names for the container.	""
chipClassName	string?	Additional class names for each chip.	""
inputContainerClassName	string?	Additional class names for the input container.	""
placeholder	string?	Placeholder text for the input field.	""
delimiters	string[]?	An array of delimiters to separate emails.	["Enter",",",";"]

License

This project is licensed under the MIT License