react floating whatsapp

부동 whatsapp에 반응합니다

프로젝트에 플로팅 WhatsApp 버튼을 추가하기위한 간단한 반응 구성 요소.

설치하다

NPM

npm i react-floating-whatsapp

방사

yarn add react-floating-whatsapp

v5.0.0-2022-10-07

• 중단 변경 : 기본 가져 오기를 이름 가져 오기로 변경합니다
• 변경 사항 중단 : chatboxHeight 로 height 소품을 바꾸십시오
• 변경 사항 중단 : 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	숫자	선택 과목	시간 지연 후 chatmessage가 표시됩니다 (초).	2
darkMode	부울	선택 과목	어두운 스타일.	false
allowClickAway	부울	선택 과목	사용자가 외부를 클릭하면 채팅 상자를 닫습니다	false
allowEsc	부울	선택 과목	Escape 키를 누르면 채팅 상자를 닫습니다	false
className	끈	선택 과목	CSS 클래스 이름은 메인 포장 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