react floating whatsapp

React Ploing WhatsApp

Простой компонент React для добавления кнопки WhatsApp в ваш проект.

Установить

npm

npm i react-floating-whatsapp

Пряжа

yarn add react-floating-whatsapp

v5.0.0-2022-10-07

• Нарушение изменений: изменить импорт по умолчанию на импорт названия
• Разрывные изменения: chatboxHeight height
• Разрушение изменений: переименовать styles опор в 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	Число	Необязательный	Задержка времени, после которой отображается Чатмессаж (в секунды).	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

Лицензия

MIT © Awran5