يمكن الوصول إليه افتراضيًا
عناصر تحكم موجهة بلوحة المفاتيح أولًا، تركيز مرئي، حالات ARIA، مناطق حيّة، دعم تقليل الحركة، وأوضاع تباين عالٍ.
نظام تصميم شامل، قابل للوصول، مدفوع بالرموز لمنتجات المؤسسات، النماذج المعقّدة، سير عمل الوسائط الغنية، والتطبيقات كثيفة البيانات.
عناصر تحكم موجهة بلوحة المفاتيح أولًا، تركيز مرئي، حالات ARIA، مناطق حيّة، دعم تقليل الحركة، وأوضاع تباين عالٍ.
الرموز، والمكونات، وحالة النماذج، والسلوكيات مفصولة بحيث يمكن للفرق دمج React أو Vue أو Angular أو مكوّنات الويب.
الأنماط تغطي شبكات بيانات كثيفة، ونماذج تكيفية، ومديري ملفات، ومعاينة وسائط، وأدوات مطوّرين.
جميع القرارات البصرية مدفوعة بمتغيرات CSS يمكن تبديلها في وقت التشغيل دون إعادة تحميل الصفحة.
اختر النظام أو الفاتح أو الداكن أو العلامة التجارية المخصصة أو التباين العالي. تُحفَظ التفضيلات باستخدام واجهة برمجة تطبيقات تخزين Miniapps عند توفرها.
:root {
--tcm-color-primary: ...;
--tcm-radius-md: ...;
}
الألوان، والمحارف، والتباعد، والارتفاع، والشفافية، والتدرجات، ومستوى الظهور (z-index)، والحركة، ونقاط التوقف.
حقول إدخال مُتحقَّقة، ومقنَّعة، وداعمة للوسائط، وبنمط المحرر لمنشئي النماذج المؤسسية.
<tcm-input required validation="email" />
عناصر تحكم في الاختيار أحادية ومتعددة وهرمية وجغرافية وبصرية وبأسلوب المعالج الإرشادي.
Expandable panels support keyboard access and nested content.
نماذج تفاعلية وديناميكية مع مجموعات، ومصفوفات، وتحكّمات متداخلة، واعتمادات، وتحقق غير متزامن، وتخطيطات متكيّفة.
إجراءات قياسية، إرسال/إعادة تعيين، أزرار أيقونات، روابط تشعبية، تحميل، معطّل، مضغوط، مجموعات إجراءات، وطلب اتصال سريع بزر الإجراء العائم (FAB).
تقدّم، مؤشرات دوران، هياكل عظمية، توست، سنackbar، تنبيهات، إشعارات، شارات، نوافذ منبثقة (مودال)، نوافذ منثورة، وتلميحات أدوات.
جداول، شبكات، تحرير ضمني، فرز، تصفية، تحميل كسول، بطاقات، قوائم، ترقيم صفحات، شريط تمرير (كاروسيل)، معرض، ومشغلات وسائط.
| Service | Status | Region | Latency | Actions |
|---|
مدير الملفات، التصفّح عبر المجلّدات، الترتيب بالسحب والإفلات، معاينات الصور/الصوت/الفيديو/ملفات PDF، الضغط، وتدفّقات عمل التحويل.
Flex، الشبكة، الألواح القابلة للطي، المعارض الدوّارة، الأعمدة المتجاوبة، التخطيطات التلقائية، العناصر المُثبتة، وعناصر التحكم في التجاوز.
Panels use semantic disclosure patterns and retain keyboard accessibility.
الموقع الجغرافي، والخرائط، وقارئات رمز QR/الباركود، وودجات الطقس، ومبدلات السمات، وعناصر التحكم في الخط/الخلفية/الإطار/الظل، وأوضاع الألوان التكيفية.
Scanner-ready surface for camera integrations.
خطافات دورة الحياة، أحداث التحقق من الصحة، التبعيات، ربط بيانات غير متزامن، تراجع/إعادة، حفظ تلقائي، استعادة، تتبّع الحالة، والرسوم المتحركة.
ممارسات WCAG 2.1 AA الخاصة بلوحة المفاتيح، وقارئات الشاشة، والتباين، ومؤشرات التركيز، وتقليل الحركة، وقابلية الاستخدام عبر الأجهزة.
تخطيطات موجهة للجوال أولًا، نقاط توقّف تكيفية، أهداف لمس، ألسنة يمكن التمرير بينها، طبقات تراكبية ملائمة بلوحة المفاتيح، وكثافة متجاوبة.
دعم TypeScript، تكاملات الأطر، بيئات لعب Storybook، تصدير التوكينات، واجهات برمجة تطبيقات التخصيص (الثيمات)، الاستيراد المعياري، توليد الهياكل عبر سطر الأوامر (CLI)، واتفاقيات التسمية.
import { Button, ThemeProvider } from '@tcm/design-system';
<ThemeProvider mode="system" tokens={customTokens}>
<Button variant="primary" loading={saving}>Save</Button>
</ThemeProvider>npx tcm-ui generate component data-grid
npx tcm-ui tokens export --format figma
npx tcm-ui storybook startFocus is managed, Escape closes the dialog, and actions are keyboard reachable.
Mobile-friendly surfaces can be dismissed with a button or backdrop tap.