react floating whatsapp

Réagir WhatsApp flottant

Composant de réaction simple pour ajouter un bouton WhatsApp flottant à votre projet.

Installer

NPM

npm i react-floating-whatsapp

Fil

yarn add react-floating-whatsapp

v5.0.0 - 2022-10-07

• Modifications de rupture: modifiez l'importation par défaut pour nommer l'importation
• Modifications de rupture: renommer la hauteur de height à chatboxHeight
• Changements de rupture: renommer styles accessoires au style
• Changements de rupture: notificationDelay maintenant en quelques secondes au lieu de la milliseconde

Usage

 import React from 'react'
import { FloatingWhatsApp } from 'react-floating-whatsapp'

export default function App ( ) {

  return (
      < FloatingWhatsApp { /*  Props  */ } />
  )
}

Accessoires

Soutenir	Taper	Options	Description	Défaut
phoneNumber	Chaîne	Requis	Numéro de téléphone au format d'intenation	1234567890
accountName	Chaîne	Requis	Nom d'utilisateur du compte	Account Name
onClick	Fonction	Facultatif	La fonction de rappel incendie sur le clic	-
onSubmit	Fonction	Facultatif	La fonction de rappel incendie sur Soumettre avec l'événement et la valeur d'entrée du formulaire passé	-
onClose	Fonction	Facultatif	La fonction de rappel tire sur la fermeture	-
onLoopDone	Fonction	Facultatif	Fonction de rappel appelée lorsque la boucle de notification est effectuée	-
onNotification	Fonction	Facultatif	Fonction de rappel tirée lorsque la notification s'exécute	-
avatar	Chaîne	Facultatif	Modifier l'avatar de l'utilisateur à l'aide d'actifs statiques	UI Face
statusMessage	Chaîne	Facultatif	Texte sous le nom d'utilisateur du compte	Typically replies within 1 hour
chatMessage	Chaîne	Facultatif	Texte à l'intérieur de la boîte de discussion.	Hello there! ? nHow can we help?
placeholder	Chaîne	Facultatif	ENSEMBLE ENTRE PLACE.	Type a message..
messageDelay	Nombre	Facultatif	Délai après quoi le ChatMessage est affiché (en quelques secondes).	2
darkMode	Booléen	Facultatif	Style sombre.	false
allowClickAway	Booléen	Facultatif	Ferme la boîte de chat lorsque l'utilisateur clique à l'extérieur	false
allowEsc	Booléen	Facultatif	Ferme la boîte de discussion lorsque la touche Escape est enfoncée	false
className	Chaîne	Facultatif	Nom de classe CSS appliqué à la Div d'emballage principale	floating-whatsapp
buttonClassName	Chaîne	Facultatif	Nom de classe CSS appliqué à Button	floating-whatsapp-button
style	CSSProperties	Facultatif	Style en ligne appliqué à la Div d'emballage principale	{}
buttonStyle	CSSProperties	Facultatif	Style en ligne appliqué au bouton	{}
chatboxHeight	Nombre	Facultatif	CONTROLER LA HAUTEUR DE BOX DE CHAT	320
chatboxClassName	Chaîne	Facultatif	CSS ClassName appliqué à la boîte de chat	floating-whatsapp-chatbox
chatboxStyle	CSSProperties	Facultatif	Style en ligne appliqué à la boîte de chat	{}
notification	Booléen	Facultatif	Autoriser les notifications (désactivées après l'ouverture de l'utilisateur)	false
notificationDelay	Nombre	Facultatif	Délai entre les notifications en secondes	60
notificationSound	Booléen	Facultatif	Autoriser le son de notification	false
notificationSoundSrc	Chaîne	Facultatif	Notification Sound Custom Src	-
notificationLoop	Nombre	Facultatif	Répéter la boucle de notifications	0
notificationStyle	CSSProperties	Facultatif	Style en ligne appliqué à la notification	-
notificationClassName	Chaîne	Facultatif	Nom de classe CSS appliqué à l'indicateur de notification	floating-whatsapp-notification

Licence

MIT © AWRAN5