react floating whatsapp ดาวน์โหลด - react floating whatsapp ซอร์สโค้ดดาวน์โหลด

react floating whatsapp

โค้ดแหล่งที่มา AI

v5.0.8

ดาวน์โหลด

ตอบโต้ whatsapp

องค์ประกอบปฏิกิริยาแบบง่ายสำหรับการเพิ่มปุ่ม WhatsApp ลอยลงในโครงการของคุณ

ภาพหน้าจอ

ติดตั้ง

NPM

npm i react-floating-whatsapp

เส้นด้าย

yarn add react-floating-whatsapp

v5.0.0-2022-10-07

การเปลี่ยนแปลงการเปลี่ยนแปลง: เปลี่ยนการนำเข้า เริ่มต้น เป็น ชื่อ นำเข้า
การเปลี่ยนแปลงการเปลี่ยนแปลง: เปลี่ยนชื่อ height prop เป็น chatboxHeight
การเปลี่ยนแปลงการเปลี่ยนแปลง: เปลี่ยนชื่อ styles prop เป็น style
การเปลี่ยนแปลงการเปลี่ยนแปลง: notificationDelay ในไม่กี่วินาทีแทนที่จะเป็นมิลลิวินาที

การใช้งาน

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

export default function App ( ) {

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

อุปกรณ์ประกอบฉาก

ข้อต่อ	พิมพ์	ตัวเลือก	คำอธิบาย	ค่าเริ่มต้น
`phoneNumber`	สาย	ที่จำเป็น	หมายเลขโทรศัพท์ในรูปแบบ intenational	`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`	ตัวเลข	ไม่จำเป็น	การหน่วงเวลาหลังจากนั้น chatMessage จะปรากฏขึ้น (ในไม่กี่วินาที)	`2`
`darkMode`	บูลีน	ไม่จำเป็น	สไตล์มืด	`false`
`allowClickAway`	บูลีน	ไม่จำเป็น	ปิดช่องแชทเมื่อผู้ใช้คลิกด้านนอก	`false`
`allowEsc`	บูลีน	ไม่จำเป็น	ปิดกล่องแชทเมื่อกดปุ่ม `Escape` หนี	`false`
`className`	สาย	ไม่จำเป็น	CSS classname นำไปใช้กับ `Div` หลัก Wrapping Main	`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`