Copy Email Address From Mailto Link – react-copy-mailto

A tiny yet customizable React component that allows the visitor to copy email addresses from mailto links within the app.

Install & Import:

# Yarn
$ yarn add react-copy-mailto

# NPM
$ npm i react-copy-mailto --save

import CopyMailTo from "react-copy-mailto";

Basic Usage:

const YourComponent = () => (
  <div>
    <CopyMailTo email="[email protected]" />
  </div>
);

Possible component props.

email,
children = null,
defaultTooltip = "Copy email address",
copiedTooltip = "Copied to clipboard!",
containerStyles = {},
tooltipStyles = {},
anchorStyles = {},

Preview:

Download Details:

Author: devfolioco

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/devfolioco/react-copy-mailto

License: MIT