المكوّنات
مجموعة شاملة من مكوّنات واجهة التوطين لـ 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
المصادر
- دليل البدء السريع - التثبيت والإعداد الأولي
- مرجع API - خصائص المكوّن وإعداداته
- دليل المساهمة - إرشادات التطوير والمساهمة