/react-obfuscate-email

📧 React component to obfuscate email links

Primary LanguageTypeScriptMIT LicenseMIT

React Obfuscate Email

React Obfuscate Email CI codecov CodeFactor bundlephobia

📧🚫🤖 A lightweight email obfuscator React component.

Until you hover or focus on the link, the @ symbol is stripped out and rendered using ::after css pseudo-element, and the href attribute value is replaced with #.

  • No dependencies
  • Tree-shakeable

Installation

npm install --save react-obfuscate-email

Usage

import { Email } from "react-obfuscate-email";

export default function SomeComponent() {
  return <Email email="test@example.com">📧 Email me!</Email>;
}

Read the documentation 📘.

TypeScript

The component is written in TypeScript and type definitions are included.

Contributing

All type of contributions are welcome!

Show your support

Give a ⭐️ if you like this project!

LICENSE

MIT