الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

رد الفعل العائم whatsapp

مكون رد فعل بسيط لإضافة زر WhatsApp العائم إلى مشروعك.

لقطة شاشة

ثَبَّتَ

NPM 

npm i react-floating-whatsapp

غزل 

yarn add react-floating-whatsapp

v5.0.0-2022-10-07

  • تغيير التغييرات: تغيير الاستيراد الافتراضي لتسمية الاستيراد
  • التغييرات: إعادة تسمية تسمية height إلى chatboxHeight
  • تغيير التغييرات: إعادة تسمية 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 رقم خياري تأخير الوقت بعد عرض chatmessage (في ثوان). 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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل