تیل وایز - قالب داشبورد مدیریتی

اسلایدر

•

دنیای اسلایدرهای تعاملی را با مولفه Slider ما کاوش کنید. کاربران را درگیر کنید، ورودی ها را جمع آوری کنید و تجربیات کاربر را بدون زحمت افزایش دهید.

مورد تکی

نمایش کد نمونه

اجزای "Tiny Slider" یک کتابخانه سبک و واکنش‌پذیر برای نمایش تصاویر یا محتوا به صورت اسلایدشو است. این بخش بر روی استفاده از Tiny Slider برای ایجاد یک اسلایدر ساده با یک آیتم تمرکز دارد که برای نمایش یک محتوا یا محصول در یک زمان مناسب است، مثل یک تصویر ویژه یا یک محصول.

کد / پیش‌نمایش نمونه

1

2

3

4

5

6

            
                HTMLOpenTagdiv class="mx-6"HTMLCloseTag
                                                    HTMLOpenTagdiv
    data-config="single-item"
    id="single-item-slider" class="tiny-slider"
HTMLCloseTag
    HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    1
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    2
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    3
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    4
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    5
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    6
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
                                                HTMLOpenTag/divHTMLCloseTag

وقتی نیاز به نمایش محتوا یک آیتم در هر زمان به شکل جذاب و واکنش‌پذیر دارید، اسلایدر با یک آیتم ساخته شده با استفاده از Tiny Slider انتخاب عالی است. شما می‌توانید این اسلایدر را به راحتی در برنامه وب خود ادغام کنید تا تصاویر ویژه، محصولات یا هر محتوای دیگری که از ارائه به سبک کاروسل بهره‌مند است را به نمایش بگذارید.

مورد چندگانه

نمایش کد نمونه

اجزای "Tiny Slider" به شما امکان می‌دهد تا اسلایدرها/کاروسل‌های واکنش‌پذیر و پر ویژگی را برای نمایش چندین آیتم به صورت همزمان ایجاد کنید. این بخش بر روی استفاده از Tiny Slider برای ایجاد یک اسلایدر با چندین آیتم تمرکز دارد که برای نمایش یک مجموعه از تصاویر، محصولات یا محتوا به شکل جذاب و فشرده مناسب است.

کد / پیش‌نمایش نمونه

1

2

3

4

5

6

7

8

9

            
                HTMLOpenTagdiv class="mx-6"HTMLCloseTag
                                                    HTMLOpenTagdiv
    data-config="multiple-items"
    id="multiple-item-slider" class="tiny-slider"
HTMLCloseTag
    HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    1
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    2
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    3
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    4
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    5
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    6
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    7
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    8
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    9
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
                                                HTMLOpenTag/divHTMLCloseTag

اسلایدر با چندین آیتم ایجاد شده با استفاده از Tiny Slider یک اجزای چند منظوره برای نمایش مجموعه‌های محتوا، تصاویر یا محصولات به شیوه‌ای جذاب و واکنش‌پذیر است. با پیروی از مراحل ذکر شده و سفارشی‌سازی تنظیمات اسلایدر برای برآورده کردن نیازهای خاص خود، می‌توانید وب‌سایت یا برنامه‌ی خود را با یک کاروسل تعاملی و کاربرپسند بهبود بخشید.

نمایش پاسخگو

نمایش کد نمونه

اجزای "Tiny Slider" راه آسانی را برای ایجاد اسلایدرها و کاروسل‌های واکنش‌پذیر که به اندازه‌گیری مختلف صفحه سازگاری دارند، فراهم می‌کند. این بخش بر روی پیکربندی Tiny Slider برای نمایش واکنش‌پذیر تمرکز دارد، تضمین می‌کند که اسلایدر شما به طور بی‌دردسر و به شکلی بی‌نقص روی هر دو دستگاه رایانه‌های رومیزی و تلفن‌های همراه عمل کند.

کد / پیش‌نمایش نمونه

1

2

3

4

5

6

7

8

            
                HTMLOpenTagdiv class="mx-6 pb-8"HTMLCloseTag
                                                    HTMLOpenTagdiv
    data-config="responsive"
    id="responsive-slider" class="tiny-slider"
HTMLCloseTag
    HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    1
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    2
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    3
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    4
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    5
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    6
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    7
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    8
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
                                                HTMLOpenTag/divHTMLCloseTag

با تنظیم Tiny Slider با تنظیمات واکنش‌پذیر، اطمینان حاصل می‌شود که اسلایدر شما به زیبایی به اندازه‌گیری‌ها و دستگاه‌های مختلف سازگار باشد. این انعطاف‌پذیری تجربه کاربر را بهبود می‌بخشد و اطمینان حاصل می‌شود که محتوای شما بر روی هر دو پلتفرم دسکتاپ و موبایل شگفت‌انگیز به نمایش درآید.

حالت مرکز

نمایش کد نمونه

حالت مرکزی یک تنظیم محبوب برای اسلایدر است که اسلاید فعال را در مرکز ظرف اسلایدر قرار می‌دهد، با اسلایدهای جزئیا قابل مشاهده در هر دو طرف. این باعث ایجاد یک اثر جذاب و بصری بر روی کاروسل می‌شود. این بخش نحوه پیکربندی Tiny Slider برای دستیابی به حالت مرکزی را نشان می‌دهد.

کد / پیش‌نمایش نمونه

1

2

3

4

5

6

            
                HTMLOpenTagdiv class="mx-6"HTMLCloseTag
                                                    HTMLOpenTagdiv
    data-config="center-mode"
    id="center-mode-slider" class="tiny-slider"
HTMLCloseTag
    HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    1
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    2
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    3
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    4
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    5
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv
                                                                class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                                HTMLOpenTagh3
                                                                    class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                                    6
                                                                HTMLOpenTag/h3HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
                                                HTMLOpenTag/divHTMLCloseTag

انیمیشن محو شدن

نمایش کد نمونه

انیمیشن پرده‌ای یک راه شیک و زیبا برای انتقال بین اسلایدها در یک اسلایدر است. Tiny Slider پیکربندی ساده‌ای را برای دستیابی به اثر پرده‌ای هنگام حرکت از یک اسلاید به دیگری فراهم می‌کند. این بخش نحوه تنظیم Tiny Slider با انیمیشن پرده‌ای را نشان می‌دهد.

کد / پیش‌نمایش نمونه

            
                HTMLOpenTagdiv class="mx-6 pb-8"HTMLCloseTag
                                                    HTMLOpenTagdiv
    data-config="fade-mode"
    id="fade-animation-slider" class="tiny-slider"
HTMLCloseTag
    HTMLOpenTagdiv class="h-64 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv class="image-fit h-full overflow-hidden rounded-md"HTMLCloseTag
                                                                HTMLOpenTagimg
                                                                    src="dist/images/products/product5-400x400.jpg"
                                                                    alt="تیل وایز - قالب داشبورد مدیریتی"
                                                                HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-64 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv class="image-fit h-full overflow-hidden rounded-md"HTMLCloseTag
                                                                HTMLOpenTagimg
                                                                    src="dist/images/products/product3-400x400.jpg"
                                                                    alt="تیل وایز - قالب داشبورد مدیریتی"
                                                                HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv class="h-64 px-2"HTMLCloseTag
                                                            HTMLOpenTagdiv class="image-fit h-full overflow-hidden rounded-md"HTMLCloseTag
                                                                HTMLOpenTagimg
                                                                    src="dist/images/products/product1-400x400.jpg"
                                                                    alt="تیل وایز - قالب داشبورد مدیریتی"
                                                                HTMLCloseTag
                                                            HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
                                                HTMLOpenTag/divHTMLCloseTag

انیمیشن پرده‌ای در Tiny Slider روشی صمیمی و بصری جذاب برای انتقال بین اسلایدها فراهم می‌کند. این انیمیشن به ویژه برای اسلایدرهایی که نیاز به انتقالی از شیک و اعتمادپذیری دارند، بسیار موثر است. با فعال کردن انیمیشن پرده‌ای، اسلایدر شما بین اسلایدها به طور بی‌درنگ محو و ظاهر می‌شود، تجربه کاربری جذابی ایجاد می‌کند.

رابط اجزاء

در این بخش، شما اطلاعات دقیقی درباره ویژگی‌ها، کلاس‌ها، و گزینه‌های موجود که می‌توان با این مؤلفه استفاده کرد را پیدا خواهید کرد. درک این ویژگی‌ها برای سفارشی‌سازی و پیکربندی مؤلفه برای تنظیمات خاص شما بسیار مهم است.

در زیر لیستی از ویژگی‌هایی که می‌توان به اجزاء منتقل کرد، آمده است:

Tinyاسلایدر

پراپ	نوع	شرح
`getRef`	`(el: TinySliderElement) => void`	یک تابع که یک مرجع به عنصر ظرف TinySlider دریافت می‌کند.
`options`	`TinySliderSettings`	تنظیمات و گزینه‌های پیکربندی برای TinySlider. به صورت پیش‌فرض یک شیء خالی است.