Skip to content

t-montes/react-floating-mailbox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

npm version npm downloads npm size license

example

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.

License

react-floating-mailbox is licensed under the MIT License

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published