3.0.3 • Published 2 years ago
react-mailto.js v3.0.3
react-mailto.js
Install
npm install react-mailto.js --save
Usage
Import the package to your script:
import Mailto from 'react-mailto.js';Add <Mailto /> component to your code and use properties described below to config your link:
| Property | Type | Example | Description |
|---|---|---|---|
to | string or Array<string>, isRequired | 'some@email.com', ['some@email.com', 'another@email.com'] | Email to this person, or multiple persons |
subject | string | 'This is title' | Your email Subject |
body | string | 'This is body of my email' | Your email body |
cc | string or Array<string> | 'some@email.com', ['some@email.com', 'another@email.com'] | CC email to this person, or multiple persons |
bcc | string or Array<string> | 'some@email.com', ['some@email.com', 'another@email.com'] | BCC email to this person, or multiple persons |
secure | boolean | true | When is set to true href of the link will be set to javascript:void(0) to not to leak email to the HTML code |
Simple config
<Mailto
secure={true}
to="vasyl@zubach.com"
subject="Some email subject"
body={['This is the body of your message', 'Multilined also'].join('\n')}
>
email us
</Mailto>Full config
<Mailto
secure={true}
to={['vasyl@example.com', 'other@example.com']}
cc={['elena@example.com', 'other@example.com']}
bcc={['elena@example.com', 'other@example.com']}
subject="Some email subject"
body={[
'Some body',
'Multilined also',
'Symbols: ,./!@#$%^&*()_+~`":;<>?',
"<script>console.log('xss');</script>"
].join('\n')}
onClick={(e) => {
console.log(e);
}}
>
email us
</Mailto>