کامپوننت‌ها

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

ورودی متن با برچسب، پیشوند و پسوند و پیام خطا. فیلد موبایل هم خودش چپ‌چین میشه.

متن چندخطی با شمارنده‌ی کاراکتر فارسی و ارتفاعی که خودش با محتوا بزرگ میشه.

فهرست انتخاب بومی مرورگر با ظاهر سفارشی و شورون در سمت چپ.

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

کد تأیید شش‌خانه‌ای با اعداد فارسی که از پیامک خودش پر میشه.

ورودی عدد با دکمه‌های افزایش و کاهش، اعداد فارسی و حداقل و حداکثر.

چک‌باکس تکی با حالت نامشخص و گروه چک‌باکس با وضعیت مشترک.

انتخاب یک گزینه از چند گزینه، با توضیح زیر هر کدام و یک واریانت کارتی.

کلید روشن و خاموش با انیمیشن که در RTL دستگیره‌اش به سمت درست میره.

اسلایدر بازه با یک دستگیره و برچسب مقدار که مسیرش از راست پر میشه.

امتیاز ستاره‌ای که از راست پر میشه و با هاور پیش‌نمایش میده.

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

ورودی تاریخ با تقویم شمسی در پاپ‌آور و دکمه‌ی پاک کردن سریع.

پالت دستور با ⌘K برای جست‌وجو و اجرای دستورها، با گروه‌بندی و میانبر.

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

پنجره‌ی تأیید برای کارهای برگشت‌ناپذیر که فوکوس را اول روی «انصراف» می‌گذاره.

منوی عمل با میانبر، جداکننده و آیتم قرمز برای حذف.

توضیح کوتاهی که با هاور یا فوکوس ظاهر میشه، فقط با CSS.

پنل کناری که از سمت راست باز میشه، برای فیلتر، سبد خرید و منوی موبایل.

تب‌های بخش‌بندی‌شده یا خطی که با کیبورد کار می‌کنن و جهت راست‌چین را رعایت می‌کنن.

صفحه‌بندی با اعداد فارسی، سه‌نقطه و فلش‌هایی در جهت راست‌چین.

مسیر صفحه‌ی فعلی با جداکننده‌هایی که به سمت چپ اشاره می‌کنن.

ناوبری اپ با گروه‌بندی، نشان شمارنده و بخش‌های جمع‌شونده.

اعلان‌هایی که روی هم جمع میشن، با سقف تعداد، دکمه‌ی «بستن همه» و جایگاه قابل تنظیم، از طریق Provider و هوک.

پیام درون صفحه برای اطلاع، موفقیت، توجه و خطا.

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

جای خالی ضربان‌دار یا درخشان تا وقتی داده برسد.

حالت خالی برای وقتی هنوز داده‌ای نیست، با توضیح و دکمه‌ی قدم بعدی.

برچسب وضعیت با متن رنگی، بدون پس‌زمینه و آیکون.

تصویر دایره‌ای کاربر که اگر تصویر نباشه، حرف اول اسم را با حلقه‌ی سفید نشان میده.

عدد کلیدی با میزان تغییرش نسبت به دوره‌ی قبل.

قیمت با جداکننده‌ی هزارگان، درصد تخفیف و واحد.

خط زمان رویدادها با تاریخ شمسی و خطی که در سمت راست قرار می‌گیره.

آکاردئون برای پرسش‌های متداول، با شورون در سمت چپ و ارتفاعی که با CSS grid انیمیت میشه.

نمایش میانبرهای کیبورد که همیشه چپ‌به‌راست می‌مونه.

کادر محتوا با سربرگ، عنوان و توضیح.

پنل کوچکی که به دکمه می‌چسبه و با کلیک بیرون یا Escape بسته میشه.

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

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

جست‌وجوی سمت سرور با debounce، لغو درخواست‌های قدیمی و حالت‌های بارگذاری، خالی و خطا، مناسب شهر و محصول.

رمز عبور با نمایش و پنهان کردن، همیشه چپ‌چین، همراه سنجش قدرت با برچسب فارسی.

شماره‌ی شبا با پیشوند ثابت IR، گروه‌بندی چهارتایی، اعتبارسنجی mod-97 و تشخیص بانک.

شماره‌ی موبایل با +۹۸ ثابت در چپ، گروه‌بندی ۳-۳-۴، تشخیص اپراتور و پذیرش اعداد فارسی و صفر اول.

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

هوک useForm شصت‌خطی با مقدارها، نقشه‌ی خطا، اعتبارسنج‌های فارسی (موبایل، شبا، کد ملی) و FormField، بدون کتابخانه‌ی فرم.

کد ملی ده‌رقمی با گروه‌بندی ۳-۶-۱ مثل روی کارت، اعتبارسنجی رقم کنترل و نگه‌داشتن صفر اول.

شماره‌ی کارت در چهار گروه چهارتایی، با تشخیص بانک از شش رقم اول و اعتبارسنجی Luhn بعد از رقم شانزدهم.

پلاک خودرو با چیدمان واقعی (دو رقم، حرف، سه رقم و کد شهر)، انتخاب حرف از فهرست با معنی هر حرف و تایپ پیوسته بین جعبه‌ها.

انتخاب ساعت ۲۴ساعته با دو بخش تایپی و اعداد فارسی، کلیدهای بالا و پایین برای تغییر و فهرست ساعت و دقیقه برای ماوس.

ورودی مبلغ با جداکننده‌ی هزارگان هنگام تایپ، واحد بعد از عدد و مبلغ به حروف زیر فیلد، مثل «یک میلیون و دویست و پنجاه هزار تومان».