Ecme logoEcme logo
داشبورد
    فروشگاه آنلاین
    پروژه
    بازاریابی
    تحلیل
مفاهیم
    هوش مصنوعی
      گفتگو
      تصویر
    پروژه‌ها
      تابلوی اسکرام
      فهرست
      جزئیات
      وظایف
      مسائل
    مشتریان
      فهرست
      ویرایش
      ایجاد
      جزئیات
    محصولات
      فهرست
      ویرایش
      ایجاد
    سفارش‌ها
      فهرست
      ویرایش
      ایجاد
      جزئیات
    حساب کاربری
      تنظیمات
      سابقه فعالیت
      نقش‌ها و دسترسی‌ها
      تعرفه‌ها
    مرکز راهنمایی
      مرکز پشتیبانی
      مقاله
      ویرایش مقاله
      مدیریت مقاله
    تقویم
    مدیریت فایل
    ایمیل
    گفتگو
اجزای رابط کاربری
    عمومی
      دکمه
      شبکه
      تایپوگرافی
      نمادها
    بازخورد
      هشدار
      پنجره گفتگو
      منوی کشویی
      نوار پیشرفت
      پیش‌نمایش
      نشانگر بارگذاری
      پیام موقت
    نمایش اطلاعات
      تصویر کاربر
      نشانک
      تقویم
      کارت‌ها
      جدول
      برچسب
      خط زمان
      راهنمای ابزار
    فرم‌ها
      کادر انتخاب
      انتخابگر تاریخ
      کنترل‌های فرم
      ورودی
      گروه ورودی
      دکمه رادیویی
      بخش
      انتخابگر
      کلید دوحالته
      ورودی زمان
      بارگذاری
    ناوبری
      منوی کشویی
      منو
      صفحه‌بندی
      گام‌ها
      زبانه‌ها
    نمودار
      نمودارها
      نقشه‌ها
احراز هویت
    ورود به سیستم
      ساده
      کناری
      دوبخشی
    ثبت‌نام
      ساده
      کناری
      دوبخشی
    بازیابی رمز عبور
      ساده
      کناری
      دوبخشی
    بازنشانی رمز عبور
      ساده
      کناری
      دوبخشی
    تایید رمز یکبار مصرف
      ساده
      کناری
      دوبخشی
سایر
    دسترسی غیرمجاز
    صفحه فرود
راهنما
    مستندات
    اجزای اشتراکی
    ابزارها
    تاریخچه تغییرات
حق نشر © 2026 Ecme تمامی حقوق محفوظ است.
شرایط و ضوابط | حریم خصوصی و سیاست

مراحل (Steps)

کامپوننت مراحل پیشرفت و وظایف را از طریق ترتیب تسلسل نمایش می‌دهد.

اساسی (Basic)

استفاده پیش‌فرض از کامپوننت مراحل (Steps).
2
3
4

عنوان (Title)

مثال مراحل با عنوان.
ورود
2
سفارش ثبت شد
3
در حال بررسی
4
تأیید شد

عمودی (Vertical)

نمایش مراحل به‌طور پیش‌فرض افقی است، اما می‌توان آن را با استفاده از پراپ vertical به عمودی تغییر داد.
ورود
2
سفارش ثبت شد
3
در حال بررسی
4
تأیید شد

توضیحات (Description)

مراحل می‌توانند توضیحات داشته باشند، اما این ویژگی تنها برای چیدمان عمودی قابل استفاده است.
ورودوارد حساب کاربری خود شوید
ثبت سفارشفرآیند ثبت سفارش را آغاز کنید
3
در حال بررسیما سفارش را بررسی خواهیم کرد
4
تأیید شدهسفارش تأیید شده است

آیکون سفارشی (Custom Icon)

برچسب مراحل می‌تواند با آیکون‌ها جایگزین شود.
ورود
سفارش ثبت شده
در حال بررسی
تأیید شده

خطا (Error)

با تنظیم پراپ 'error' در status می‌توان مشخص کرد که مرحله در وضعیت خطا قرار دارد.
ورود
سفارش ثبت شد
3
در حال بررسی
4
تأیید شد

مراحل کنترل شده (Controlled steps)

ما می‌توانیم با کنترل پراپ current مراحل را داینامیک کنیم.
1
ورود
2
سفارش ثبت شده
3
در حال بررسی
4
تأیید شده
مرحله 1 محتوا

قابل کلیک (Clickable)

با تنظیم پراپ onChange می‌توان مراحل را قابل کلیک کرد.
ورود
2
سفارش ثبت شد
3
در حال بررسی
4
تأیید شد

API

مراحل (Steps)
ویژگیتوضیحاتنوعپیش‌فرض
currentمرحله جاری، از 0 شمرده می‌شودnumber0
onChangeتابعی که هنگام تغییر مراحل فراخوانی می‌شود(index: number) => void-
statusوضعیت مرحله جاری'complete' | 'pending' | 'in-progress' | 'error''in-progress'
verticalآیا مراحل به صورت عمودی نمایش داده شوندbooleanfalse
مراحل.آیتم (Steps.Item)
ویژگیتوضیحاتنوعپیش‌فرض
customIconعنصر سفارشی برای برچسب مرحلهReactNode | string-
descriptionتوضیحات مرحله، فقط برای حالت عمودی قابل استفاده استReactNode | string-
titleعنوان مرحلهReactNode | string-
فهرست مطالب
  • اساسی (Basic)
  • عنوان (Title)
  • عمودی (Vertical)
  • توضیحات (Description)
  • آیکون سفارشی (Custom Icon)
  • خطا (Error)
  • مراحل کنترل شده (Controlled steps)
  • قابل کلیک (Clickable)