📧🚫🤖 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
npm install --save react-obfuscate-email
import { Email } from "react-obfuscate-email";
export default function SomeComponent() {
return <Email email="test@example.com">📧 Email me!</Email>;
}
Read the documentation 📘.
The component is written in TypeScript and type definitions are included.
All type of contributions are welcome!
Give a ⭐️ if you like this project!