Guides
RTL demo
The same showcase right-to-left and in Persian — digits, dates and currency the way a Persian storefront ships them.
The Persian original of the demo: the direction flips to RTL, digits and separators turn Persian, dates go Jalali — all from config() and logical CSS properties, with not one component call changed.
متن بدنه با پیوند داخلی و اعداد فارسی: قیمت این کالا ۲٬۵۰۰٬۰۰۰ تومان است و ۲۹ مرداد ۱۴۰۵ ثبت شده.
جداکننده عمودی:
ورود
ثبتنام
نسخه آزاد از کامپوننت Command (که در Flux فقط در نسخه Pro موجود است) — با جستجوی فارسی، ناوبری با کیبورد و میانبر ⌘K.
درونخطی:
درون مودال با میانبر ⌘K:
نسخه آزاد از کامپوننت Color Picker (در Flux فقط Pro) — بوم اشباع/روشنایی، اسلایدر رنگ و شفافیت، پالت سواچ، قطرهچکان و شش فرمت خروجی.
حالت دکمهای:
نسخه آزاد از کامپوننت File Upload (در Flux فقط Pro) — کشیدن و رها کردن، انتخاب با کلیک، نوار پیشرفت آپلود Livewire، و فهرست فایلها با حجم فارسی.
هر HTML دلخواهی داخل <mds:file-upload> رفتار کامل بارگذاری را میگیرد؛ با in-data-dragging: و in-data-loading: میتوانید حالتها را استایل بدهید.
نسخه آزاد از کامپوننت Composer (در Flux فقط Pro) — ورودی چندخطی که با متن رشد میکند، نوار عملیات، ارسال با Ctrl/⌘ + Enter و شمارشگر نویسه با ارقام فارسی.
کارت پیشنمایش مقصد یک پیوند — با نگه داشتن نشانگر یا فوکوس صفحهکلید باز میشود، و خود پیوند همچنان با کلیک کار میکند.
این کیت توسط تیم
@majid_ds
کیت رابط کاربری راستچین برای Laravel Livewire، روی Flux UI.
جلسه بعدی تیم در
خانه ساحلی
فضای کار روشن و باز رو به خلیج — جا برای ۲۴ نفر.
کارت فقط با هاور یا فوکوس باز میشود — روی لمس هرگز؛ پس محتوای ضروری را در خود صفحه مقصد بگذارید. جهتگیری با side و align منطقی است (start/end) و در صفحههای راستچین خودکار آینه میشود.
نسخه آزاد از کامپوننت Timeline (در Flux فقط Pro) — عمودی و افقی، وضعیت مرحلهها، نشانگرهای رنگی و بلوکهای تمامعرض. ریل زمانی روی محور راستچین قرار میگیرد.
-
سفارش ثبت شد ·
-
پرداخت تأیید شد
-
تحویل داده شد ·
-
۱سبد خرید
کالاها را بررسی و تعداد را نهایی کنید.
-
۲آدرس و زمان ارسال
نشانی گیرنده و بازه تحویل را انتخاب کنید.
-
۳پرداخت
پرداخت آنلاین یا در محل.
-
پرداخت شد
۳۱ مرداد ۱۴۰۵
-
بستهبندی شد
۱ شهریور ۱۴۰۵
-
در حال ارسال
پیک در راه است
-
تحویل به مشتری
تا فردا
start
-
۱ارسال مدارک
تصویر کارت ملی و آخرین مدرک تحصیلی را بارگذاری کنید تا کارشناسان پرونده شما را بررسی کنند.
-
۲بررسی نهایی
baseline
-
۱ارسال مدارک
تصویر کارت ملی و آخرین مدرک تحصیلی را بارگذاری کنید تا کارشناسان پرونده شما را بررسی کنند.
-
۲بررسی نهایی
center
-
۱ارسال مدارک
تصویر کارت ملی و آخرین مدرک تحصیلی را بارگذاری کنید تا کارشناسان پرونده شما را بررسی کنند.
-
۲بررسی نهایی
end
-
۱ارسال مدارک
تصویر کارت ملی و آخرین مدرک تحصیلی را بارگذاری کنید تا کارشناسان پرونده شما را بررسی کنند.
-
۲بررسی نهایی
-
استقرار ناموفق بود
-
هشدار صادر شد
-
منتشر شد
نشانگر روی خط اول عنوان بزرگ مینشیند (align="baseline").
-
مهدی دیدگاهی ثبت کرد · ۳۰ مرداد ۱۴۰۵
-
پشتیبانی پاسخ داد
مرسوله شما امروز از انبار تهران ارسال میشود.
-
تیکت بسته شد
نمودارهای تکرنگ داشبورد، رندرشده در سرور بهصورت SVG بدون هیچ کتابخانهای — نسخه آزاد از کامپوننت Chart (در Flux فقط Pro). ارقام فارسی، قیف و هیتمپ راستبهچپ.
رنگ جوهر همه نمودارها currentColor است؛ با یک کلاس text-accent کل نمودار رنگ میگیرد.
نسخه آزاد از کامپوننت Popover (که در Flux فقط در نسخه Pro موجود است) — پنلی که به دکمهاش لنگر میاندازد: جایگذاری منطقی و راستچین، برگشت فوکوس به دکمه و بسته شدن با Escape.
دور سینه روی لباس صاف و دو سانتیمتر پایینتر از حلقه آستین اندازه گرفته میشود. بین دو سایز، سایز بزرگتر را انتخاب کنید.
پنل سوم با نگهداشتن نشانگر یا با فوکوس کیبورد هم باز میشود؛ کلیک آن را ثابت نگه میدارد.
نسخه آزاد از کامپوننت Accordion (که در Flux فقط در نسخه Pro موجود است) — روی details و summary بومی مرورگر، پس باز و بسته شدن، کیبورد و جستجوی درونصفحه بدون جاوااسکریپت هم کار میکند.
پرسشهای پرتکرار (هر بار یک بخش، با انیمیشن):
ارسال و تحویل
مرجوع کردن کالا
گارانتی کالاها
حساب سازمانی
عنوان دلخواه با نشان و آیکون:
سفارش ۱۴۸۱
سفارش ۱۴۷۷
نسخه آزاد از کامپوننت Slider (در Flux فقط Pro) — تکدستگیره یا بازهای، با خوانش زنده به ارقام فارسی، تیکهای راهنما و کلمپ سمت سرور.
نسخه آزاد از کامپوننت Time Picker (در Flux فقط Pro) — فهرست ساعتها با گام دلخواه، تایپ آزاد با ارقام فارسی، و مقدار ماشینی همیشه ۲۴ساعته.
- ۰۹:۰۰
- ۰۹:۳۰
- ۱۰:۰۰
- ۱۰:۳۰
- ۱۱:۰۰
- ۱۱:۳۰
- ۱۲:۰۰
- ۱۲:۳۰
- ۱۳:۰۰
- ۱۳:۳۰
- ۱۴:۰۰
- ۱۴:۳۰
- ۱۵:۰۰
- ۱۵:۳۰
- ۱۶:۰۰
- ۱۶:۳۰
- ۱۷:۰۰
- ۱۷:۳۰
- ۱۸:۰۰
- ۱۸:۳۰
- ۱۹:۰۰
- ۱۹:۳۰
- ۲۰:۰۰
- ۲۰:۳۰
- ۲۱:۰۰
- ۰۸:۰۰
- ۰۸:۱۵
- ۰۸:۳۰
- ۰۸:۴۵
- ۰۹:۰۰
- ۰۹:۱۵
- ۰۹:۳۰
- ۰۹:۴۵
- ۱۰:۰۰
- ۱۰:۱۵
- ۱۰:۳۰
- ۱۰:۴۵
- ۱۱:۰۰
- ۱۱:۱۵
- ۱۱:۳۰
- ۱۱:۴۵
- ۱۲:۰۰
- ۱۲:۱۵
- ۱۲:۳۰
- ۱۲:۴۵
- ۱۳:۰۰
- ۱۳:۱۵
- ۱۳:۳۰
- ۱۳:۴۵
- ۱۴:۰۰
- ۱۴:۱۵
- ۱۴:۳۰
- ۱۴:۴۵
- ۱۵:۰۰
- ۱۵:۱۵
- ۱۵:۳۰
- ۱۵:۴۵
- ۱۶:۰۰
- ۱۶:۱۵
- ۱۶:۳۰
- ۱۶:۴۵
- ۱۷:۰۰
- ۱۷:۱۵
- ۱۷:۳۰
- ۱۷:۴۵
- ۱۸:۰۰
- ۱۲:۰۰ ق.ظ
- ۱۲:۳۰ ق.ظ
- ۱:۰۰ ق.ظ
- ۱:۳۰ ق.ظ
- ۲:۰۰ ق.ظ
- ۲:۳۰ ق.ظ
- ۳:۰۰ ق.ظ
- ۳:۳۰ ق.ظ
- ۴:۰۰ ق.ظ
- ۴:۳۰ ق.ظ
- ۵:۰۰ ق.ظ
- ۵:۳۰ ق.ظ
- ۶:۰۰ ق.ظ
- ۶:۳۰ ق.ظ
- ۷:۰۰ ق.ظ
- ۷:۳۰ ق.ظ
- ۸:۰۰ ق.ظ
- ۸:۳۰ ق.ظ
- ۹:۰۰ ق.ظ
- ۹:۳۰ ق.ظ
- ۱۰:۰۰ ق.ظ
- ۱۰:۳۰ ق.ظ
- ۱۱:۰۰ ق.ظ
- ۱۱:۳۰ ق.ظ
- ۱۲:۰۰ ب.ظ
- ۱۲:۳۰ ب.ظ
- ۱:۰۰ ب.ظ
- ۱:۳۰ ب.ظ
- ۲:۰۰ ب.ظ
- ۲:۳۰ ب.ظ
- ۳:۰۰ ب.ظ
- ۳:۳۰ ب.ظ
- ۴:۰۰ ب.ظ
- ۴:۳۰ ب.ظ
- ۵:۰۰ ب.ظ
- ۵:۳۰ ب.ظ
- ۶:۰۰ ب.ظ
- ۶:۳۰ ب.ظ
- ۷:۰۰ ب.ظ
- ۷:۳۰ ب.ظ
- ۸:۰۰ ب.ظ
- ۸:۳۰ ب.ظ
- ۹:۰۰ ب.ظ
- ۹:۳۰ ب.ظ
- ۱۰:۰۰ ب.ظ
- ۱۰:۳۰ ب.ظ
- ۱۱:۰۰ ب.ظ
- ۱۱:۳۰ ب.ظ
نسخه آزاد از کامپوننت Tabs (که در Flux فقط در نسخه Pro موجود است) — با الگوی کامل WAI-ARIA، ناوبری با کلیدهای جهتدار که در چیدمان راستبهچپ برعکس میشوند، و زبانه فعالِ درست در همان اولین رندر سرور.
پیشفرض، با آیکون:
قطعهای و کوچک، با زبانه آغازین انتخابشده:
قرصی، متصل به Livewire:
نسخه آزاد از کامپوننت Autocomplete (که در Flux فقط در نسخه Pro موجود است) — یک ورودی متنی معمولی با فهرست پیشنهاد، جستجوی فارسی و ناوبری با کیبورد.
متن آزاد با پیشنهاد شهرها:
فقط یکی از گزینهها، با حداقل دو حرف:
نسخه آزاد از کامپوننت Carousel (که در Flux فقط در نسخه Pro موجود است) — روی scroll snap ساخته شده، پس روی موبایل با انگشت کشیده میشود و در صفحه راستبهچپ بدون هیچ تنظیمی درست حرکت میکند.
بنر اصلی، با چرخش خودکار:
نوار کالاها، سه اسلاید در هر نما:
نسخه آزاد از کامپوننت Context (در Flux فقط Pro) — یک flux:menu معمولی که با راستکلیک، کلید Shift+F10 یا لمس طولانی کنار نشانگر باز میشود.
روی کارت راستکلیک کنید:
۲٫۴ مگابایت · برای گزینهها راستکلیک کنید
با کیبورد: Tab تا تصویر، سپس Shift+F10:
منوی راستکلیک یک میانبر است، نه تنها راه: همان عملیات را جایی دیدنی هم بگذارید — یک flux:dropdown یا دکمههای ردیف.
نسخه آزاد از کامپوننت Pillbox (که در Flux فقط در نسخه Pro موجود است) — انتخاب چندتایی با پیلهای قابل حذف، جستجوی فارسی و سقف انتخاب.
حداکثر سه دستهبندی:
برچسبهای محصول:
نسخه آزاد از کامپوننت Editor (در Flux فقط Pro) — بدون هیچ کتابخانه جاوااسکریپت بیرونی: یک سطح contenteditable، نوار ابزار استاندارد ARIA، و پاکسازی HTML چسباندهشده تا فهرست مجاز.
نوار ابزار کوتاه:
نوار ابزار دلخواه:
میانبرها: Ctrl/⌘ به همراه B پررنگ، I مورب، U زیرخط و K پیوند. در نوار ابزار، کلیدهای جهتدار به ترتیب دیداری حرکت میکنند.
نسخه آزاد از کامپوننت Calendar (که در Flux فقط در نسخه Pro موجود است) — و برخلاف آن، شمسی: ماههای فروردین تا اسفند، هفتهای که با شنبه شروع میشود و سال کبیسهی درست. مقداری که به Livewire میرسد همیشه تاریخ میلادی ISO است.
یک روز، با محدوده و روزهای تعطیل:
| هفته | شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|---|
| ۲۳ | |||||||
| ۲۴ | |||||||
| ۲۵ | |||||||
| ۲۶ | |||||||
| ۲۷ |
| هفته | شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|---|
بازهی اقامت، دو ماه کنار هم:
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
چند روز دلخواه:
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
انتخاب ماه و سال از هدر:
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
نسخه آزاد از کامپوننت Kanban (که در Flux فقط در نسخه Pro موجود است) — کشیدن با ماوس و لمس، جابهجایی کامل با کیبورد و اعلام هر حرکت برای صفحهخوان.
برای جابهجایی با کیبورد روی یک کارت تمرکز کنید و کلید فاصله را بزنید؛ سپس با کلیدهای جهتنما جابهجا کنید و دوباره فاصله را بزنید.
- طراحی صفحه پرداخت تا پنجشنبه
- رفع باگ سبد خرید
- مهاجرت به تیلویند ۴
- انتشار نسخه ۲.۱ در انتظار تست
- افزودن تستهای واحد
- بازبینی متنهای فارسی قفل شده
آخرین جابهجایی: هنوز جابهجاییای انجام نشده است.
نسخه آزاد از کامپوننت Date picker (که در Flux فقط در نسخه Pro موجود است): یک فیلد متنی که میشود در آن تاریخ نوشت، بهعلاوهی همان تقویم شمسی داخل یک popover. هرچه بنویسید یا انتخاب کنید، مقداری که به Livewire میرسد تاریخ میلادی ISO است.
یک روز — تایپ کنید یا از تقویم بردارید:
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
بازهی سفر، دو ماه کنار هم:
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
تاریخی که خیلی عقب است — با ماه و سال:
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
| شنبه | یکشنبه | دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه |
|---|---|---|---|---|---|---|
همان فیلد، روی تقویم میلادی:
| دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه | شنبه | یکشنبه |
|---|---|---|---|---|---|---|
| دوشنبه | سهشنبه | چهارشنبه | پنجشنبه | جمعه | شنبه | یکشنبه |
|---|---|---|---|---|---|---|
«۱۴۰۵-۰۵-۲۹» و «۱۴۰۵/۰۵/۲۹» و «۱۴۰۵۰۵۲۹» هر سه یک روزند؛ چیزی که تاریخ نیست هم هیچوقت تاریخ نمیشود و فیلد به مقدار قبلی برمیگردد.
یک دنبالهی نور که دور حاشیهی هرچه در بر بگیرد میچرخد. هیچ اسکریپتی ندارد؛ تماماً CSS است و شعاع گوشه را از خودِ قاب به ارث میبرد، پس هم روی کارت با گوشهی گرد مینشیند هم روی دکمهی کاملاً گرد. روی صفحهی راستچین، چرخش هم آینه میشود.
پرتو فقط تزئین است: از دید صفحهخوان پنهان میماند، جلوی کلیک را نمیگیرد، و اگر کاربر حرکت کمتر خواسته باشد اصلاً کشیده نمیشود. پس هیچوقت تنها نشانهی یک وضعیت نباشد؛ کنارش متن یا اسپینر بگذارید.
آیکونهای Hugeicons جایگزین heroicons در همه اجزای mds شدهاند. مجموعه رایگان Stroke Rounded (۶٬۲۰۰ آیکون) همراه بسته میآید؛ نامهای heroicons هم از طریق نقشه معادلها کار میکنند.
|
کالا
|
وضعیت
|
|
مبلغ
|
|---|---|---|---|
|
|
۱۳٪
۴۲٬۵۰۰٬۰۰۰
تومان
|
||
|
|
۱٬۸۹۰٬۰۰۰
تومان
|
||
|
|
۳۰٪
۲۴۵٬۰۰۰
تومان
|
||
|
|
۳٬۲۰۰٬۰۰۰
تومان
|
تکمیل پروفایل — ۳۵٪
ظرفیت فروش ویژه — ۷۰٪
امتیاز رضایت — ۹۲٪
ثبت امتیاز:
همان flux:input، با این تفاوت که ارقام فارسی و عربی هنگام تایپ یا چسباندن به لاتین تبدیل میشوند — مقداری که به سرور میرسد همیشه ماشینی است.
پیشنهاد شگفتانگیز:
هنوز کالایی به سبد خرید خود اضافه نکردهاید. از پیشنهادهای شگفتانگیز شروع کنید.