انتقل إلى المحتوى

النموذج متعدد الخطوات

احصل على Ritla UI

خطوة واحدة من مسار فتح حساب: تقدّم مرقّم، وعنوان الخطوة وسبب السؤال، وحقولها، وزرّا «رجوع» و«متابعة». «متابعة» تتحقق من الحقول المطلوبة أولًا.

المعاينة

«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.

إنجليزيمعكوسعربي
سطح المكتبالجوال
← RTL

التثبيت

  1. أضف القالب

    npx ritla add multi-step-form

    ويعمل أيضًا مع shadcn: npx shadcn@latest add @ritla/multi-step-form

الأسعار

مبني من

مكوّنات Ritla UI التي يتكوّن منها هذا القالب، وتُثبَّت معه.

ملاحظات العربية والاتجاه

ينعكس

  • تبدأ الخطوات من اليمين: الخطوة 1 هي الأقرب إلى اليمين.
  • يقف «رجوع» على اليمين و«متابعة» على اليسار، بترتيب القراءة.

لا ينعكس

  • يبقى حقل رقم الهاتف من اليسار إلى اليمين، ومقدّمة ‎+962 أولًا.
الأرقام
أرقام الخطوات تتبع إعداد الأرقام.