@odit/mailymaily

A simple way to enhance your mailto links with a convenient user interface.

Usage no npm install needed!

<script type="module">
  import oditMailymaily from 'https://cdn.skypack.dev/@odit/mailymaily';
</script>

README

ODIT.Services - MailyMaily

A better mailto based on mailtoui.

🛠 Building

yarn && yarn build

Use

Example

Install

Via yarn/npm:

yarn add @odit/mailymaily
# Or
npm i @odit/mailymaily

Or just copy the file dist/mailymaily.js to your prefered folder.

Link

Basic: Link the dist file mailymaily.min.js at the bottom of your footer.

<script src="node_modules/@odit/mailymaily/dist/mailymaily.min.js"></script>

Alternatively: Add defer or async=false when linking in the header

    <script src="node_modules/@odit/mailymaily/dist/mailymaily.min.js" defer></script>
    <!-- or -->
    <script src="node_modules/@odit/mailymaily/dist/mailymaily.min.js" async=false></script>

VueJS & NuxtJs

Place the dist file "mailymaily.min.js" in the static folder. Link the dist file at the bottom of your layout, for example:

<template>
  <div>
    <Header />
    <Nuxt />
    <Footer />
    <script src="/libs/mailymaily.min.js"></script>
  </div>
</template>