Now based on mailtoui

This commit is contained in:
2020-08-29 13:55:43 +02:00
parent 4266ba931a
commit f35b067076
27 changed files with 10984 additions and 6396 deletions

View File

@@ -1,22 +1,59 @@
# 📧 mailymaily
<p align="center">
<a href="https://mailtoui.com">
<img src="https://mailtoui.com/assets/img/heading.jpg" alt="MailtoUI">
</a>
</p>
## Usage
### CC
`data-cc-address` and `data-cc-domain` to recreate cc: `data-cc-address@data-cc-domain`
### BCC
`data-bcc-address` and `data-bcc-domain` to recreate bcc: `data-bcc-address@data-bcc-domain`
### Subject
`data-subject` for the subject of the email
### Body
`data-body` for the body of the email
<p align="center">A simple way to enhance your mailto links with a convenient user interface.</p>
## Dev
### Dependencies
```
yarn
<p align="center">
<a href="https://github.com/mariordev/mailtoui/releases"><img src="https://img.shields.io/npm/v/mailtoui.svg" alt="Latest release"></a>
<a href="https://www.npmjs.com/package/mailtoui"><img src="https://img.shields.io/npm/dt/mailtoui.svg" alt="Total downloads"></a>
<a href="https://github.com/mariordev/mailtoui/blob/master/LICENSE"><img src="https://img.shields.io/github/license/mariordev/mailtoui.svg" alt="License"></a>
<a href="https://twitter.com/intent/tweet?text=Check%20this%20out!%20&url=https%3A%2F%2Fmailtoui.com"><img src="https://img.shields.io/twitter/url/https/mailtoui.com.svg?style=social" alt="Share on Twitter"></a>
</p>
## Introduction
MailtoUI is a JavaScript library that enhances your mailto links with a convenient user interface. It gives your users the flexibility to compose a new message using a browser-based email client <strong><i>or</i></strong> their default local email app.
MailtoUI is ideal for static sites or any other site where you don't want to spend time setting up a "Contact Us" form solution.
## Quick Setup
### STEP 1
Add MailtoUI via CDN to the bottom of your page, just before the closing `</body>` tag.
IMPORTANT: Be sure to replace `[version]` with the latest version number.
```html
<body>
...
...
<script src="https://cdn.jsdelivr.net/npm/mailtoui@[version]/dist/mailtoui-min.js"></script>
</body>
```
### Building
### STEP 2
Attach your mailto link to MailtoUI by adding the class `mailtoui` to the `<a>` tag.
```html
<a class="mailtoui" href="mailto:tony.stark@example.com">Contact Tony</a>
```
yarn build
```
That's it! Your mailto link is now using MailtoUI. Refresh your page and try it out.
## Documentation
For full documentation, visit [mailtoui.com](https://mailtoui.com).
## Contributing
If you're interested in contributing to MailtoUI, please follow the directions in the [contributing docs](https://github.com/mariordev/mailtoui/blob/master/.github/CONTRIBUTING.md) **before working on a pull request**.
## License
[MIT](https://github.com/mariordev/mailtoui/blob/master/LICENSE)