react floating whatsapp

反应浮动WhatsApp

简单的React组件，用于在项目中添加浮动WhatsApp按钮。

安装

NPM

npm i react-floating-whatsapp

纱

yarn add react-floating-whatsapp

v5.0.0-2022-10-07

• 破坏更改：将默认导入更改为名称导入
• 破坏更改：将height支柱重命名为chatboxHeight
• 打破变化：重命名style styles
• 打破变化： notificationDelay现在在几秒钟内而不是毫秒

用法

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

export default function App ( ) {

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

道具

支柱	类型	选项	描述	默认
phoneNumber	细绳	必需的	以深入格式的电话号码	1234567890
accountName	细绳	必需的	帐户用户名	Account Name
onClick	功能	选修的	单击时回调功能发射	-
onSubmit	功能	选修的	通过事件和表单输入值传递的回调函数发射	-
onClose	功能	选修的	回调功能在关闭时发射	-
onLoopDone	功能	选修的	通知循环完成后调用回调函数	-
onNotification	功能	选修的	通知运行时触发回调功能	-
avatar	细绳	选修的	使用静态资产更改用户头像	UI Face
statusMessage	细绳	选修的	帐户用户名下方的文字	Typically replies within 1 hour
chatMessage	细绳	选修的	聊天框中的文字。	Hello there! ? nHow can we help?
placeholder	细绳	选修的	输入占位符。	Type a message..
messageDelay	数字	选修的	时间延迟在此之后显示（以秒为单位）。	2
darkMode	布尔	选修的	黑暗风格。	false
allowClickAway	布尔	选修的	当用户单击外面时关闭聊天框	false
allowEsc	布尔	选修的	按下Escape键时关闭聊天框	false
className	细绳	选修的	CSS className应用于主包装Div	floating-whatsapp
buttonClassName	细绳	选修的	CSS className应用于按钮	floating-whatsapp-button
style	CSSproperties	选修的	内联风格应用于主包装Div	{}
buttonStyle	CSSproperties	选修的	应用于按钮的内联样式	{}
chatboxHeight	数字	选修的	控制聊天框高度	320
chatboxClassName	细绳	选修的	CSS ClassName应用于聊天框	floating-whatsapp-chatbox
chatboxStyle	CSSproperties	选修的	应用于聊天框的内联样式	{}
notification	布尔	选修的	允许通知（用户打开聊天框后禁用）	false
notificationDelay	数字	选修的	秒内通知之间的时间延迟	60
notificationSound	布尔	选修的	允许通知声音	false
notificationSoundSrc	细绳	选修的	通知声音自定义SRC	-
notificationLoop	数字	选修的	重复通知循环	0
notificationStyle	CSSproperties	选修的	应用于通知的内联样式	-
notificationClassName	细绳	选修的	CSS className应用于通知指标	floating-whatsapp-notification

执照

麻省理工学院©awran5