react-obfuscate ☁️

View project on GitHub

Coverage StatusTravisnpm versionnpm

🔖Try Me

Inspect and click these robot-resistant, user friendly, contact links

➡️ Phone: 4475-422 (202)
➡️ Email: ude.au@snikrep.notsoc
➡️ SMS: 4475-422 (202) 1+
➡️ Facetime: 4475.422.202

➡️ Child Elements:


How it works

Pass the contact link as an email, tel, sms, or facetime prop. The component obfuscates href data until an onClick event. Links are given their proper URL schemes (mailto, facetime, etc.) The link is rendered in reverse in the dom, but reversed again with css. This making the link useless for spammers, but user friendly on screen.

Why

The world needs obfuscated links that display the link in a friendly way.

Install

npm install react-obfuscate --save

Read the complete docs at npm