JSFiddle - React, Tailwind, and code Playground
by stofke
HTML
<section class="section">
<div class="container">
<h1 class="title">
mailgo demo
</h1>
<p>
Just a <code>mailto</code> link (with <strong>mailgo</strong>, just importing the script)
</p>
<a href="mailto:[email protected]">[email protected]</a>
<br /><br />
Just a <code>tel</code> link (with <strong>mailgo</strong>, just importing the script)
</p>
<a href="tel:1234567890" data-telegram="telegram">+39 123456789</a>
<br />
<hr />
<p>
Dark mode <code>mailto</code>
</p>
<a class="dark" href="mailto:[email protected]">[email protected]</a>
<br /><br />
Dark mode <code>tel</code>
</p>
<a class="dark" href="tel:1234567890" data-telegram="telegram">+39 123456789</a>
<br />
<hr />
<p>
<strong>Spam-less</strong> mailgo installation (no complete email address visible)
</p>
<a href="#mailgo" data-address="matteo" data-domain="mailgo.dev">write me</a>
<br /><br />
<p>
A mailto link with cc, bcc, subject and body
</p>
<a href="mailto:[email protected][email protected]&subject=hello&body=how are you?">[email protected]</a>
<br /><br />
<p>
<strong>Spam-less</strong> mailgo with cc, bcc, subject and body
</p>
<a href="#mailgo" data-address="matteo" data-domain="mailgo.dev" data-cc-address="matteomanzinello" data-cc-domain="mailgo.dev" data-bcc-address="hello" data-bcc-domain="mailgo.dev" data-subject="A strange email" data-body="This email is for me with me also in cc and in bcc">write me!</a>
<br /><br />
<p>
A mailto link with <strong>multiple</strong> to addresses
</p>
<a href="mailto:[email protected],[email protected]">[email protected]</a>
<br /><br />
<p>
A mailto link with <strong>multiple</strong> cc addresses
</p>
<a href="mailto:[email protected][email protected],[email protected]">[email protected]</a>
<br /><br />
<p>
A simple tel link (by...