🌍 QuikChat i18n & RTL/LTR Support Demo

Language & Direction Controls

Dynamic Language Chat

This chat is in default (LTR) mode

Arabic RTL Chat (العربية)

This chat is permanently in Arabic RTL mode

Hebrew RTL Chat (עברית)

This chat is permanently in Hebrew RTL mode

Mixed Direction Chat

Implementation Guide

// Initialize with specific language and direction const chat = new quikchat('#chat', onSend, { lang: 'ar', dir: 'rtl', translations: { 'ar': { sendButton: 'إرسال', inputPlaceholder: 'اكتب رسالة...', titleDefault: 'دردشة' } } }); // Change language dynamically chat.setLanguage('he', { sendButton: 'שלח', inputPlaceholder: 'הקלד הודעה...', titleDefault: 'צ\'אט' }); // Change direction chat.setDirection('rtl'); // or 'ltr'

✅ Supported Features

  • Dynamic language switching
  • RTL/LTR text direction
  • Custom translations
  • Per-message alignment
  • Locale-aware UI

🌐 RTL Languages

  • Arabic (العربية)
  • Hebrew (עברית)
  • Persian (فارسی)
  • Urdu (اردو)
  • Pashto (پښتو)

📝 Translation Keys

  • sendButton
  • inputPlaceholder
  • titleDefault
  • + custom keys