React-floating-mailbox NPM

React Floating Mailbox

react-floating-mailbox is a React component that renders a floating mailbox button on your page. When the button is clicked, it opens a modal that allows users to send an email using EmailJS.

Installation

To install react-floating-mailbox, run the following command:

npm install react-floating-mailbox

Usage

To use react-floating-mailbox, simply import the FloatingMailbox component and render it in your React app:

import React from 'react';
import FloatingMailbox from 'react-floating-mailbox';

function App() {
  return (
    <div>
      <h1>My App</h1>
      <FloatingMailbox
        serviceId="YOUR_EMAILJS_SERVICE_ID"
        templateId="YOUR_EMAILJS_TEMPLATE_ID"
        userId="YOUR_EMAILJS_USER_ID"
        to="recipient@example.com"
        subject="Hello from react-floating-mailbox"
      />
    </div>
  );
}

The following props can be set to the FloatingMailbox component:

serviceId: The ID of the EmailJS service you want to use.
templateId: The ID of the EmailJS email template you want to use.
userId: The ID of your EmailJS user account.
to: (Optional) The email address to send the email to. If omitted, the user will be prompted to enter an email address.
subject: (Optional) The default subject for the email. If omitted, the user will be prompted to enter a subject.
header: (Optional) The header text to display in the modal. If omitted, no header text will be used.
lang: (Optional) The language to use for the modal. If omitted, the language will default to English. Currently supported languages are English (en) and Spanish (es).

Contributing

Contributions to react-floating-mailbox are always welcome! If you have an idea for a new feature or improvement, feel free to open an issue or submit a pull request.