مكتبة نماذج Angular | ng-hub-ui-forms

حقول نماذج Angular يمكن الوصول إليها (input وtextarea وslider وselect وdatepicker) مع عرض تلقائي لأخطاء عنصر التحكم والمجموعة والنموذج، ونماذج تفاعلية ومتغيرات CSS.

أمثلة تفاعلية

استكشف أمثلة حيّة توضّح كيف تتصرّف المكتبة في حالات استخدام Angular الشائعة.

حقول النص والأخطاء التلقائية

We'll never share it.

الأرقام والعدّاد واللون والمفتاح ومربع الاختيار

مجموعات الإدخال والملفات والتسمية العائمة

$.00
@
No file selected

أقنعة الأنماط (البطاقة، IBAN، الهاتف، التاريخ)

Form value: { "card": "", "expiry": "", "iban": "", "phone": "", "date": "" }

إدخال رمز لمرة واحدة (OTP)

Paste the 6-digit code we sent you.

Form value: { "code": "", "pin": "", "coupon": "" }

منطقة نص مع عدّاد وتغيير حجم تلقائي

0 / 160
Grows as you type.

Slider ونطاق بمقبضين

Dual-thumb range.

التحديد والتحديد المتعدد

Select a country
Pick some tags

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

Select a city

بحث فوري أثناء الكتابة

Type to filter…
Search and add…

قوالب مخصّصة للخيار والتسمية

Pick a teammate

تنسيقات الأزرار وأزرار الاختيار ومربعات الاختيار

Datepicker ونطاق

No future dates.
Date range.

الحاويات وأخطاء الحقول المتقاطعة

Password