react-email-widget
v1.0.3
Published
A react widget with integrated email functionality towards algoook.info free email API
Downloads
10
Maintainers
Readme
React email widget
Our widget is indended to solve issues with having a e.g Contact Us or perhaps a Subscribe to newsletter feature for applications without any integrated mail functionality or backend.
We are using our own free API that you can integrate towards for free if you wish to create your own form. Find the API here.
Example of the widget with default design
Example image of default design of the widget
Prerequisites
In order to use the API and this widget, you need to contact us with your Email that we will forward all messages to, so that we can add you to our list of trusted emails - this is to prevent abuse of our API. We generally give you access in an hour or so - at lease within a day. Contact us here.
Using the widget
The widget is fully customizable in terms of styling and copy. Each element has their own styling object and the widget also have support for a className prop. The only mandatory prop is your Email that should be trusted by the API.
Full documentation is found here
In code, it would look like this:
import { SendMail } = from "react-email-widget";
<SendMail recipient="[email protected]" />
All props available:
interface ISendMailProps {
recipient: string;
className?: string;
inputPlaceholder?: string;
textareaPlaceholder?: string;
headline?: string;
buttonText?: string;
styles?: any;
inputStyles?: any;
textareaStyles?: any;
buttonStyles?: any;
successText?: string;
generalErrorText?: string;
noEmailEntered?: string;
wrongEmailFormat?: string;
noMessageEnteredMessage?: string;
}
Summary
Please check out our documentation page for more information and implementations. And also don't forget to contact us with your email so you can start using the widget.
Other free projects and APIs
For more cool and free open source projects and APIs, check out our website