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

دکمه (Button)

دکمه برای شروع یک عملیات فوری استفاده می شود و زمانی که یک عمل یا رویداد را راه اندازی می کند استفاده می شود

نوع (Variant)

چند نوع ظاهر مختلف برای دکمه وجود دارد. می‌توانید مقدار ویژگی variant را به default، twoTone، solid، یا plain تنظیم کنید.

اندازه (Size)

دکمه‌ها دارای چهار نوع اندازه هستند: xs، sm، md و lg. اندازه پیش‌فرض md است.

رنگ (Color)

می‌توانید استایل دکمه‌ها را با بازنویسی کلاس‌های Tailwind CSS سفارشی کنید.

غیرفعال (Disabled)

دکمه غیرفعال از تعامل کاربر جلوگیری می‌کند. ویژگی disabled را روی true قرار دهید تا دکمه غیرفعال شود.

شکل (Shape)

شکل دکمه می‌تواند به none یا circle تنظیم شود. شکل پیش‌فرض round است.

آیکون (Icon)

می‌توانید با اضافه کردن آیکون به ویژگی icon، دکمه‌ای همراه با آیکون ایجاد کنید.

دکمه همراه با آیکون (Button With Icon)

می‌توانید آیکون‌ها را به دکمه‌ها اضافه کنید و آن‌ها را با متن ترکیب کنید، همان‌طور که در مثال‌های زیر نشان داده شده است.

در حال بارگذاری (Loading)

با تنظیم ویژگی loading روی true، نشانگر بارگذاری نمایش داده می‌شود و دکمه نیز غیرفعال می‌شود.

بلوک (Block)

دکمه‌ها می‌توانند با اضافه کردن ویژگی block تمام عرض را پر کنند.

API

(دکمه) Button
ویژگیتوضیحاتنوعپیش‌فرض
variantنوع دکمه'solid' | 'plain' | 'default''default'
sizeاندازه دکمه'lg' | 'md' | 'sm' | 'xs''md'
clickFeedbackاثر بازخورد هنگام کلیک روی دکمهbooleantrue
customColorClassتابع بازگشتی برای ایجاد رنگ سفارشی برای دکمه(state: {active: boolean, unclickable: boolean}) => string-
shapeشعاع حاشیه دکمه'round' | 'circle' | 'none''round'
disabledاز تعامل کاربر با دکمه جلوگیری می‌کندbooleanfalse
iconآیکون را نمایش می‌دهدstring | ReactNode-
activeدکمه را به وضعیت فعال تغییر می‌دهدbooleanfalse
loadingیک نشانگر بارگذاری را نشان می‌دهد و دکمه را غیرفعال می‌کندbooleanfalse
blockدکمه را به صورت تمام عرض به اندازه کانتینر خود می‌سازدbooleanfalse
فهرست مطالب
  • نوع (Variant)
  • اندازه (Size)
  • رنگ (Color)
  • غیرفعال (Disabled)
  • شکل (Shape)
  • آیکون (Icon)
  • دکمه همراه با آیکون (Button With Icon)
  • در حال بارگذاری (Loading)
  • بلوک (Block)