حقول النماذج

import"@truvar-ai/design-system"

حقول النماذج

التسميات والنصوص المساعدة ورسائل الخطأ مرتبطة بالحقل تلقائيًا، فتقرؤها قارئات الشاشة معًا.

حقل نصي

مبني على TextField

يظهر لكل أعضاء فريقك.
استخدم ٣ أحرف على الأقل ليجدها فريقك.

حقل بحث

مبني على SearchField

مفتاح Esc يمسحه، ومفتاح Enter يرسله.

حقل رقمي

مبني على NumberField

مفاتيح الأسهم والأزرار تغيّر القيمة، والعملة والوحدات تتبع اللغة.

بين ١ و٥٠٠.

رقم الهاتف

مبني على TextField + Select + Autocomplete

علم ورمز الدولة، وتنسيق أثناء الكتابة، وتنظيف الأرقام الملصقة: المسافات والشرطات والأقواس وبادئة 00 و«(0)» وروابط tel: والأرقام العربية. لصق رمز دولة يغيّر الدولة تلقائيًا. ويُحفظ الرقم دائمًا بصيغة واحدة: ⁦+201002345678⁩.

الصق الرقم بأي صيغة وسنرتبه.
جرّب لصق:
القيمة المحفوظة—غير صحيح بعد

مربع اختيار ومفتاح

مبني على Checkbox, Switch

مجموعة مربعات

مبني على CheckboxGroup

إرسال التنبيهات عبر
اختر وسيلة واحدة على الأقل.

مجموعة خيارات

مبني على RadioGroup

شكل التقرير

بطاقات خيارات

مبني على RadioGroup + Radio

نفس السلوك، بمساحة أكبر للاختيارات المهمة.

الخطة

شريط تمرير ونطاق

مبني على Slider

٨٠٪؜
‏٢٠٠ ألف ج.م.‏ – ‏١٫٢ مليون ج.م.‏

صفوف الإعدادات

مبني على SwitchField, CheckboxField, RadioField

عنوان ووصف، والصف كله قابل للضغط. يُقرأ الوصف مع عنصر التحكم.

إرسال ملخص إلى مسؤول الصفقة بعد كل مكالمة.
يسمع المتصل تنبيهًا قصيرًا قبل بدء التسجيل.
مقفل من مسؤول مساحة العمل.
تُستبدل الأرقام قبل حفظ أي شيء.
مطلوب في كثير من الدول.
كلام أبطأ لكبار السن.
مُوصى به لمعظم المكالمات.
إجابات أسرع للفرق المشغولة.

محرر الأوامر

مبني على TokenField + TokenInput + Token

نص بمتغيرات داخلية لتحيات الوكيل وأوامره. كل متغير وحدة واحدة: مفتاح الحذف يزيله كاملًا، والأسهم تتخطاه، والنسخ واللصق يحافظان عليه.

الرسالة الأولى
مرحبًا ​الاسم الأول​، معك ​اسم الوكيل​ من ​الشركة​. أتصل بخصوص فاتورتك المستحقة.
اضغط حيث تريد المتغير، ثم اختر «إدراج متغير».
معاينة ببيانات تجريبية

مرحبًا نادية، معك تيسير من Nile Foods. أتصل بخصوص فاتورتك المستحقة.

التحقق من النموذج

مبني على Form

أرسله فارغًا: تظهر الأخطاء تحت كل حقل وينتقل التركيز إلى أولها.