Copia l'indirizzo e-mail dal collegamento Mailto – react-copy-mailto

Blog

Copia indirizzo e-mail dal collegamento Mailto – react-copy-mailto

reagire-copia-mailto

Un componente React completamente personalizzabile per copiare email da |_+_| collegamenti.



Motivazione

L'unica cosa su cui siamo tutti d'accordo è che odiamo quando viene visualizzata l'app di posta predefinita dopo aver fatto clic su |_+_| collegamenti. La maggior parte delle volte vogliamo solo copiare l'indirizzo e-mail ed è qui che entra in gioco questo modulo. Un grande applauso a Kuldar il cui tweet? filo ci ha ispirato a costruire questo.

Dimostrazione



Installazione e utilizzo

Il modo più semplice per utilizzare questa libreria è installarla tramite filato o npm

mailto

o



mailto

Quindi usalo nella tua app:

yarn add react-copy-mailto

oggetti di scena

Puoi personalizzare quasi ogni aspetto di questo componente utilizzando gli oggetti di scena seguenti, tra cui l'e-mail è l'unica prop required richiesta .

dove posso acquistare vechain crypto
Nome Tipo Predefinito Descrizione
e-mail corda nessuno L'e-mail da copiare.
figli ReactNode nullo Usa questo se vuoi usare qualche componente personalizzato all'interno del tag di ancoraggio.
default Tooltip corda Copia indirizzo email Testo mostrato nella descrizione comando quando l'utente passa il mouse sul collegamento.
Copiato Tooltip corda Copiato negli appunti! Testo mostrato nella descrizione comando quando l'utente fa clic sul collegamento e il testo viene copiato negli appunti.
containerStyles oggetto di stile nessuno Gli stili da applicare al contenitore.
tooltipStili oggetto di stile nessuno Gli stili da applicare alla descrizione comando.
anchorStyles oggetto di stile nessuno Gli stili da applicare all'ancora.

Sviluppo

  • Installa le dipendenze
npm install react-copy-mailto
  • Esegui l'esempio sul server di sviluppo
import React from 'react'; import CopyMailTo from 'react-copy-mailto'; const YourComponent = () => ( );

Scarica i dettagli:

Autore: devfolioco

Dimostrazione: https://devfolioco.github.io/react-copy-mailto/

Codice sorgente: https://github.com/devfolioco/react-copy-mailto

#react #reactjs #javascript