Babelize Elements

المكوّنات

مجموعة شاملة من مكوّنات واجهة التوطين لـ React. تصفّح مبدّلات اللغة ومنتقيات الإعدادات المحلية وتخطيطات RTL الجاهزة للإنتاج.

مبدّلات اللغة

مكوّنات احترافية لمبدّل اللغة مصممة لتحديد الإعدادات المحلية بسلاسة في جميع أجزاء تطبيقك.

المكوّنالوصف
مبدّل اللغةقائمة منسدلة متكاملة الميزات مع البحث والأعلام ودعم RTL
كبسولة مبدّل اللغةأداة اختيار متحركة بأسلوب الكبسولة مع التنقل بلوحة المفاتيح ودعم RTL

منتقيات الإعدادات المحلية

اختر منطقة واطّلع على القيم الافتراضية للإعدادات المحلية المرتبطة بها، لصفحات الإعدادات وتدفقات الإعداد الأولي.

المكوّنالوصف
منتقي الإعدادات المحليةمنتقي المناطق مع القيم الافتراضية المشتقة للعملة والتاريخ والأرقام وبداية الأسبوع، مع البحث

حقل إدخال الهاتف

حقل إدخال أرقام الهواتف الدولية مع محدّد الدولة والبحث عن رمز الاتصال.

المكوّنالوصف
حقل إدخال الهاتفمحدّد الدولة مع الأعلام ورموز الاتصال والبحث في 50 دولة

شريط تنقل متكامل الميزات مع دعم مدمج للتوطين.

المكوّنالوصف
NavBarشريط تنقل متجاوب مع محدّد اللغة وقائمة الجوال وزر دعوة لاتخاذ إجراء ورابط GitHub

الترجمة

عروض ترجمة جنبًا إلى جنب لمقارنة النص المصدر والنص الهدف وتحريرهما.

المكوّنالوصف
أداة الترجمةلوحة هدف قابلة للتحرير، وتخطيط يراعي RTL، وتنسيق claymorphism

المواصفات التقنية

الميزات الأساسية

  • دعم TypeScript كامل - أمان أنواع شامل مع IntelliSense
  • تصميم متجاوب - نهج يبدأ بالجوال مع تحسين نقاط الكسر
  • الامتثال لإمكانية الوصول - معايير WCAG 2.1 AA مع دعم قارئات الشاشة
  • توثيق شامل - أمثلة الاستخدام ومرجع API وأفضل الممارسات

التكامل والتوافق

  • React 18+ مع دعم hooks
  • Next.js 13+ مع توافق App Router
  • تكامل نظام التصميم shadcn/ui
  • تنسيق Tailwind CSS القائم على الأدوات المساعدة
  • دعم مدير الحزم npm/pnpm/yarn

المصادر

في هذه الصفحة