۵۹ از ۵۹ کامپوننت
کامپوننتها
دکمه، ورودی، جدول، تقویم شمسی و بقیه. هر کارت زنده است؛ روی نام بزنید تا کد، پرامپت و راهنما را ببینید.
ورودی
inputورودی متن با برچسب، پیشوند/پسوند و پیام خطا. فیلد موبایل خودش چپچین میشود.
+98کد تأیید به این شماره پیامک میشود
تومانحداقل مبلغ ۲ میلیون تومان است
کلید
switchروشن و خاموش با انیمیشن؛ در RTL دستگیره سمت درست میرود.
- اعلان ایمیلی
- احراز هویت دومرحلهای
- حالت آزمایشی
آپلود فایل
file-uploadکشیدن و رها کردن، فهرست فایل با حجم فارسی و حد اندازه.
فایل را اینجا رها کنید یا انتخاب کنید
PDF یا PNG، تا ۵ مگابایت
پالت دستور
commandجستوجو و اجرای دستور با ⌘K، با گروهبندی و میانبر.
Escعملها
رفتن به
⌘Kراهنمای ابزار
tooltipتوضیح کوتاه هنگام هاور یا فوکوس؛ فقط CSS.
افزودن به علاقهمندیهاهشدار
alertپیام درونصفحهای برای اطلاع، موفقیت، توجه و خطا.
پرداخت با موفقیت انجام شد
رسید به شمارهی ۰۹۱۲۳۴۵۶۷۸۹ پیامک شد.موجودی انبار رو به اتمام است
از «هدفون بیسیم» فقط ۳ عدد باقی مانده.پرداخت ناموفق
موجودی کارت کافی نیست.پیشرفت
progressنوار پیشرفت که از راست پر میشود، با درصد فارسی.
آپلود فایلها۷۲٪حالت خالی
empty-stateوقتی هنوز دادهای نیست؛ با توضیح و دکمهی قدم بعدی.
هنوز سفارشی ندارید
اولین محصول را اضافه کنید تا اینجا پر شود.
نشان
badgeبرچسب وضعیت؛ فقط متن رنگی، بدون پسزمینه و آیکون.
پیشفرضثانویهسادهجدیدفعالدر انتظارلغو شدهجدول
tableستونها از راست، مبلغها با تومان، سطرها با هاور.
شماره مشتری مبلغ وضعیت #۱۴۰۵۲ مریم احمدی ۲٬۸۹۰٬۰۰۰ تومان پرداختشده #۱۴۰۵۱ علی رضایی ۶۴۰٬۰۰۰ تومان در انتظار #۱۴۰۵۰ نگار کریمی ۱٬۲۱۵٬۰۰۰ تومان ارسالشده آمار
statعدد کلیدی با تغییر نسبت به دورهی قبل.
درآمد این ماه
۲۱۶٬۰۰۰٬۰۰۰تومان
۱۸٪مشتریان جدید
۳۸
۴٪قیمت
priceعدد با جداکنندهی هزارگان، تخفیف و واحد.
۱۲٬۴۵۰٬۰۰۰تومان۱۴٬۹۰۰٬۰۰۰۱۶٪ تخفیف۲۹۰٬۰۰۰تومان / ماهخط زمان
timelineرویدادها با تاریخ شمسی، خط در سمت راست.
سفارش تحویل شد
۲۸ شهریور ۱۴۰۵
بسته ارسال شد
۲۶ شهریور ۱۴۰۵
پست پیشتاز، کد رهگیری پیامک شد
پرداخت تأیید شد
۲۵ شهریور ۱۴۰۵
آکاردئون
accordionپرسشهای متداول؛ شورون در سمت چپ، ارتفاع با CSS grid انیمیت میشود.
بله. بدون پلن پولی و بدون قفل روی هیچ کامپوننتی.بله، و با هر پروژهی React که Tailwind دارد.کلید میانبر
kbdنمایش میانبرهای کیبورد، همیشه چپبهراست.
ذخیره⌘Sجستوجو⌘Kکارت
cardکادر محتوا با سربرگ، عنوان و توضیح.
هدف ماهانه
۷۲٪ از هدف ۳۰۰ میلیون تومانی
جدول داده
data-tableمرتبسازی، فیلتر متنی، ستونهای تومانی، اسکلت بارگذاری، حالت خالی و صفحهبندی؛ همه در سمت کلاینت.
۱۰ موردوضعیت #14052 مریم احمدی ۲۸ شهریور ۱۴۰۵ ۵۹۰٬۰۰۰ تومان پرداختشده #14051 علی رضایی ۲۷ شهریور ۱۴۰۵ ۱٬۵۲۷٬۰۰۰ تومان در انتظار #14050 نگار کریمی ۲۶ شهریور ۱۴۰۵ ۲٬۴۶۴٬۰۰۰ تومان ارسالشده #14049 رضا موسوی ۲۵ شهریور ۱۴۰۵ ۳٬۴۰۱٬۰۰۰ تومان پرداختشده #14048 سارا محمدی ۲۴ شهریور ۱۴۰۵ ۴٬۳۳۸٬۰۰۰ تومان در انتظار صفحهی ۱ از ۲نمودار
chartنمودار میلهای، خطی و اسپارکلاین با SVG خالص؛ برچسبهای شمسی، هفته از شنبه، تیکهای فارسی، محور مقدار سمت راست.
فروش هفتگی (میلهای)
بازدید ۱۰ روز اخیر (خطی)
اسپارکلاین:رمز عبور
password-inputنمایش/پنهان کردن، همیشه چپچین، و سنجش قدرت با برچسب فارسی.
حداقل ۸ کاراکتر، با حرف بزرگ، عدد و نماد
شمارهی موبایل
phone-input+۹۸ ثابت در چپ، گروه ۳-۳-۴، تشخیص اپراتور، پذیرش ارقام فارسی و صفر اول.
+98بدون صفر اول هم میتوانید وارد کنید
کد ملی
national-id-inputده رقم با گروهبندی ۳-۶-۱ مثل روی کارت، اعتبارسنجی رقم کنترل، و نگهداشتن صفر اول.
ده رقم، همانطور که روی کارت ملی چاپ شده
مبلغ
amount-inputجداکنندهی هزارگان هنگام تایپ، واحد بعد از عدد، و مبلغ به حروف زیر فیلد: «یک میلیون و دویست و پنجاه هزار تومان».
تومانیک میلیون و دویست و پنجاه هزار تومان