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

چرخ فلک (Carousel)

یک چرخ فلک با انیمیشن و قابلیت کشیدن که بدون وابستگی‌های خارجی ساخته شده است.

پایه (Basic)

استفاده پایه از چرخ فلک با دکمه‌های ناوبری.
1
2
3
4
5

عمودی (Vertical)

تنظیم orientation="vertical" برای نمایش چرخ فلک عمودی.
1
2
3
4
5

با API

از ویژگی setApi برای دسترسی به API چرخ فلک و کنترل برنامه‌نویسی استفاده کنید.
1
2
3
4
5
اسلاید 0 از 0

اندازه‌ها (Sizes)

سفارشی‌سازی اندازه آیتم‌ها با استفاده از کلاس‌های basis-* در CarouselItem.
1
2
3
4
5

موقعیت دکمه‌ها (Button Positioning)

کنترل موقعیت دکمه‌های ناوبری با کلاس‌های CSS سفارشی. دکمه‌ها دیگر موقعیت از پیش تعریف شده ندارند.

موقعیت خارجی (پیش‌فرض)

1
2
3

موقعیت داخلی

1
2
3

موقعیت پایین

1
2
3

استایل سفارشی

1
2
3

API

Carousel (چرخ فلک)
ویژگیتوضیحاتنوعپیش‌فرض
orientationجهت چرخ فلک (افقی یا عمودی)'horizontal' | 'vertical''horizontal'
optsتنظیمات چرخ فلک{ startIndex?: number }{}
setApiفراخوانی برای دریافت API چرخ فلک(api: CarouselApi) => void-
Carousel.Content (محتوای چرخ فلک)
ویژگیتوضیحاتنوعپیش‌فرض
classNameکلاس‌های CSS اضافی برای کانتینر محتواstring-
Carousel.Item (آیتم چرخ فلک)
ویژگیتوضیحاتنوعپیش‌فرض
classNameکلاس‌های CSS اضافی برای آیتم (برای اندازه از basis-* استفاده کنید)string-
Carousel.Previous / Carousel.Next (دکمه قبلی/بعدی)
ویژگیتوضیحاتنوعپیش‌فرض
classNameکلاس‌های CSS برای موقعیت و استایل (موقعیت از پیش تعریف شده ندارد)string-
variantاستایل نوع دکمه'solid' | 'subtle' | 'default' | 'ghost' | 'link''default'
sizeاندازه دکمه'sm' | 'md' | 'lg''sm'
فهرست مطالب
  • پایه (Basic)
  • عمودی (Vertical)
  • با API
  • اندازه‌ها (Sizes)
  • موقعیت دکمه‌ها (Button Positioning)