react floating whatsapp

Reaja o whatsapp flutuante

Componente de reação simples para adicionar um botão WhatsApp flutuante ao seu projeto.

Instalar

npm

npm i react-floating-whatsapp

Fio

yarn add react-floating-whatsapp

v5.0.0-2022-10-07

• Breaking mudanças: altere a importação padrão para importar o nome
• height Alwas chatboxHeight
• Breaking mudanças: renomear styles de suporte para style
• Breaking Change: notificationDelay agora em segundos em vez de milissegundos

Uso

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

export default function App ( ) {

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

Adereços

Prop	Tipo	Opções	Descrição	Padrão
phoneNumber	Corda	Obrigatório	Número de telefone em formato intenacional	1234567890
accountName	Corda	Obrigatório	Nome de usuário da conta	Account Name
onClick	Função	Opcional	Função de retorno de chamada dispara no clique	-
onSubmit	Função	Opcional	Função de retorno de chamada dispara no envio com o valor de entrada e formulário aprovado	-
onClose	Função	Opcional	Função de retorno de chamada dispara em perto	-
onLoopDone	Função	Opcional	Função de retorno de chamada chamado quando o loop de notificação foi feito	-
onNotification	Função	Opcional	Função de retorno de chamada disparada quando a notificação é executada	-
avatar	Corda	Opcional	Alterar o avatar do usuário usando ativos estáticos	UI Face
statusMessage	Corda	Opcional	Texto abaixo do nome de usuário da conta	Typically replies within 1 hour
chatMessage	Corda	Opcional	Texto dentro da caixa de bate -papo.	Hello there! ? nHow can we help?
placeholder	Corda	Opcional	Esporte de entrada.	Type a message..
messageDelay	Número	Opcional	Atraso no tempo, após o qual o chatmessage é exibido (em segundos).	2
darkMode	Booleano	Opcional	Estilo escuro.	false
allowClickAway	Booleano	Opcional	Fecha a caixa de bate -papo quando o usuário clicar fora	false
allowEsc	Booleano	Opcional	Fecha a caixa de bate -papo quando a tecla Escape é pressionada	false
className	Corda	Opcional	CSS ClassName aplicado à Div principal	floating-whatsapp
buttonClassName	Corda	Opcional	CSS ClassName aplicado ao botão	floating-whatsapp-button
style	CSSProperties	Opcional	Estilo embutido aplicado à Div principal	{}
buttonStyle	CSSProperties	Opcional	Estilo embutido aplicado ao botão	{}
chatboxHeight	Número	Opcional	Control Chat Box Altura	320
chatboxClassName	Corda	Opcional	CSS ClassName aplicado à caixa de bate -papo	floating-whatsapp-chatbox
chatboxStyle	CSSProperties	Opcional	Estilo embutido aplicado à caixa de bate -papo	{}
notification	Booleano	Opcional	Permitir notificações (desativadas após o usuário abrir a caixa de bate -papo)	false
notificationDelay	Número	Opcional	Atraso de tempo entre notificações em segundos	60
notificationSound	Booleano	Opcional	Permitir som de notificação	false
notificationSoundSrc	Corda	Opcional	Notificação Som Src personalizado	-
notificationLoop	Número	Opcional	Repita o loop de notificações	0
notificationStyle	CSSProperties	Opcional	Estilo embutido aplicado à notificação	-
notificationClassName	Corda	Opcional	CSS ClassName aplicado ao indicador de notificação	floating-whatsapp-notification

Licença

Mit © awran5