صف جلسة السوق
بورصة مع ساعات التداول، وحالة مفتوح أو ما قبل الافتتاح أو مغلق، وعدّ تنازلي.
المعاينة
«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.
المعاينةالكود
إنجليزيمعكوسعربي
← RTL
التثبيت
أضف المكوّن
npx ritla add market-session-rowويعمل أيضًا مع shadcn:
npx shadcn@latest add @ritla/market-session-rowأو انسخه يدويًا
التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.
الاستخدام
import { MarketSessionRow } from "@/components/ui/market-session-row";<MarketSessionRow country="JO" name="Amman Stock Exchange" hours="10:00 to 12:30 local" status="open" statusLabel="Open" countdown="Closes in 2h 14m" />مرجع الخصائص
MarketSessionRow
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
country | string | لا يوجد | رمز ISO للدولة: العلم. |
name / hours | ReactNode | لا يوجد | البورصة وساعات تداولها المحلية. |
status | "open" | "pre-open" | "closed" | لا يوجد | خاصية Status. |
statusLabel | ReactNode | لا يوجد | الحالة بالكلمات بلغة الصفحة. |
countdown | ReactNode | لا يوجد | الوقت حتى الافتتاح أو الإغلاق التالي؛ يحدّثه التطبيق. |
إمكانية الوصول
ARIA
- الحبة تقول الحالة بالكلمات، والنقطة واللون يكرّرانها فقط.
ملاحظات العربية والاتجاه
ينعكس
- ينتقل العلم إلى اليمين والحالة إلى اليسار.
لا ينعكس
- الأعلام لا تنعكس أبدًا.
- الأرقام
- الساعات والعدّ التنازلي نص من التطبيق بأرقام القارئ.
- الخط العربي
label-14Medium للبورصة وlabel-12Medium في الحبة.