react floating whatsapp

React flotando whatsapp

Componente React simple para agregar un botón flotante de WhatsApp a su proyecto.

Instalar

npm

npm i react-floating-whatsapp

Hilo

yarn add react-floating-whatsapp

V5.0.0-2022-10-07

• Cambios de ruptura: cambiar la importación predeterminada para nombrar importar
• Cambios de ruptura: cambiar el nombre de accesorio height a chatboxHeight
• Cambios de ruptura: cambiar el nombre styles para style
• Cambios de ruptura: notificationDelay ahora en segundos en lugar de milisegundo

Uso

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

export default function App ( ) {

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

Accesorios

Apuntalar	Tipo	Opción	Descripción	Por defecto
phoneNumber	Cadena	Requerido	Número de teléfono en formato intenacional	1234567890
accountName	Cadena	Requerido	Nombre de usuario de la cuenta	Account Name
onClick	Función	Opcional	La función de devolución de llamada se dispara al hacer clic	-
onSubmit	Función	Opcional	La función de devolución de llamada se dispara al enviar con el valor de entrada de evento y formulario aprobado	-
onClose	Función	Opcional	La función de devolución de llamada se dispara al cierre	-
onLoopDone	Función	Opcional	Función de devolución de llamada llamada cuando se hace el bucle de notificación	-
onNotification	Función	Opcional	Función de devolución de llamada disparada cuando se ejecuta la notificación	-
avatar	Cadena	Opcional	Cambiar el avatar de usuario usando activos estáticos	UI Face
statusMessage	Cadena	Opcional	Texto debajo del nombre de usuario de la cuenta	Typically replies within 1 hour
chatMessage	Cadena	Opcional	Mensaje de texto dentro del cuadro de chat.	Hello there! ? nHow can we help?
placeholder	Cadena	Opcional	Marcador de posición de entrada.	Type a message..
messageDelay	Número	Opcional	Retraso de tiempo después del cual se muestra el chatmessage (en segundos).	2
darkMode	Booleano	Opcional	Estilo oscuro.	false
allowClickAway	Booleano	Opcional	Cierra el cuadro de chat cuando el usuario hace clic afuera	false
allowEsc	Booleano	Opcional	Cierra el cuadro de chat cuando se presiona la tecla Escape	false
className	Cadena	Opcional	CSS ClassName aplicado al Div Wrapping principal	floating-whatsapp
buttonClassName	Cadena	Opcional	CSS ClassName aplicado al botón	floating-whatsapp-button
style	CSSProperties	Opcional	Estilo en línea aplicado al Div Wrapping principal	{}
buttonStyle	CSSProperties	Opcional	Estilo en línea aplicado al botón	{}
chatboxHeight	Número	Opcional	Control de la caja de la caja de chat	320
chatboxClassName	Cadena	Opcional	CSS ClassName aplicado a la caja de chat	floating-whatsapp-chatbox
chatboxStyle	CSSProperties	Opcional	Estilo en línea aplicado a la caja de chat	{}
notification	Booleano	Opcional	Permitir notificaciones (deshabilitado después de que el usuario abra el cuadro de chat)	false
notificationDelay	Número	Opcional	Retraso de tiempo entre notificaciones en segundos	60
notificationSound	Booleano	Opcional	Permitir sonido de notificación	false
notificationSoundSrc	Cadena	Opcional	Notificación Sound Custom SRC	-
notificationLoop	Número	Opcional	Repita el bucle de notificaciones	0
notificationStyle	CSSProperties	Opcional	Estilo en línea aplicado a la notificación	-
notificationClassName	Cadena	Opcional	CSS ClassName aplicado al indicador de notificación	floating-whatsapp-notification

Licencia

MIT © awran5