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