react floating whatsapp

Bereaksi whatsapp mengambang

Komponen Bereaksi Sederhana untuk Menambahkan tombol WhatsApp mengambang ke proyek Anda.

Memasang

NPM

npm i react-floating-whatsapp

Benang

yarn add react-floating-whatsapp

V5.0.0-2022-10-07

• Breaking Changes: Ubah Impor Default ke Impor Nama
• Breaking Changes: ganti nama height prop ke chatboxHeight
• Breaking Changes: Ganti nama styles prop ke style
• Breaking Changes: notificationDelay sekarang dalam hitungan detik, bukan milidetik

Penggunaan

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

export default function App ( ) {

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

Alat peraga

Menopang	Jenis	Opsi	Keterangan	Bawaan
phoneNumber	Rangkaian	Diperlukan	Nomor telepon dalam format intenasional	1234567890
accountName	Rangkaian	Diperlukan	Akun Nama Pengguna	Account Name
onClick	Fungsi	Opsional	Fungsi panggilan balik kebakaran pada klik	-
onSubmit	Fungsi	Opsional	Fungsi panggilan balik kebakaran saat dikirimkan dengan acara dan nilai input formulir yang dilewati	-
onClose	Fungsi	Opsional	Fungsi panggilan balik menembak dekat	-
onLoopDone	Fungsi	Opsional	Fungsi panggilan balik dipanggil saat loop pemberitahuan selesai	-
onNotification	Fungsi	Opsional	Fungsi panggilan balik dipecat saat pemberitahuan berjalan	-
avatar	Rangkaian	Opsional	Ubah avatar pengguna menggunakan aset statis	UI Face
statusMessage	Rangkaian	Opsional	Teks di bawah nama pengguna akun	Typically replies within 1 hour
chatMessage	Rangkaian	Opsional	Teks di dalam kotak obrolan.	Hello there! ? nHow can we help?
placeholder	Rangkaian	Opsional	Input placeholder.	Type a message..
messageDelay	Nomor	Opsional	Waktu tunda setelah itu ChatMessage ditampilkan (dalam detik).	2
darkMode	Boolean	Opsional	Gaya gelap.	false
allowClickAway	Boolean	Opsional	Tutup kotak obrolan saat pengguna mengklik di luar	false
allowEsc	Boolean	Opsional	Menutup kotak obrolan saat tombol Escape ditekan	false
className	Rangkaian	Opsional	CSS ClassName diterapkan pada Div pembungkus utama	floating-whatsapp
buttonClassName	Rangkaian	Opsional	CSS ClassName Terapkan pada tombol	floating-whatsapp-button
style	CSSPROPERTIES	Opsional	Gaya inline diterapkan pada Div pembungkus utama	{}
buttonStyle	CSSPROPERTIES	Opsional	Gaya inline diterapkan pada tombol	{}
chatboxHeight	Nomor	Opsional	Kontrol Tinggi Kotak Obrolan	320
chatboxClassName	Rangkaian	Opsional	CSS ClassName diterapkan ke kotak obrolan	floating-whatsapp-chatbox
chatboxStyle	CSSPROPERTIES	Opsional	Gaya inline diterapkan pada kotak obrolan	{}
notification	Boolean	Opsional	Izinkan pemberitahuan (dinonaktifkan setelah pengguna buka kotak obrolan)	false
notificationDelay	Nomor	Opsional	Waktu tunda antara pemberitahuan dalam hitungan detik	60
notificationSound	Boolean	Opsional	Izinkan suara pemberitahuan	false
notificationSoundSrc	Rangkaian	Opsional	Pemberitahuan Suara Kustom SRC	-
notificationLoop	Nomor	Opsional	Ulangi Loop Pemberitahuan	0
notificationStyle	CSSPROPERTIES	Opsional	Gaya inline diterapkan pada pemberitahuan	-
notificationClassName	Rangkaian	Opsional	CSS ClassName diterapkan pada indikator pemberitahuan	floating-whatsapp-notification

Lisensi

MIT © AWRAN5