آشپزخانه کامپوننتهای پرتو
همهٔ ۵۶ کامپوننت کتابخانه در یک صفحه برای بررسی سریع حالتها، تایپوگرافی و رفتار RTL.
دکمهها (Button)
حالات، اندازهها و وضعیتهای مختلف
گروه دکمه (Button Group)
دکمههای گروهبندی شده
ورودی (Input)
فیلدهای ورودی مختلف
گروه ورودی (Input Group)
ورودی با addon و دکمه
ناحیه متن (Textarea)
فیلد متنی چندخطی
چکباکس (Checkbox)
انتخاب چند گزینهای
رادیو (Radio Group)
انتخاب تک گزینهای
سوییچ (Switch)
تغییر وضعیت روشن/خاموش
اسلایدر (Slider)
انتخاب مقدار از یک بازه
انتخابگر (Select)
منوی کشویی انتخاب
سلکت بومی (Native Select)
Select بومی HTML
نشانها (Badge)
برچسبهای رنگی
آواتار (Avatar)
تصویر پروفایل کاربر
اسکلتون (Skeleton)
placeholder در حال بارگذاری
اسپینر (Spinner)
نشانگر بارگذاری
پیشرفت (Progress)
نوار پیشرفت
کارتها (Card)
محتوا با چیدمان کارتی
آمار امروز
درآمد ۲۴ ساعته
هشدارها (Alert)
پیغامهای اطلاعرسانی
اطلاعیه
اطلاعات
موفقیت
هشدار
خطا
آکاردئون (Accordion)
محتوای تاشو
تاشو (Collapsible)
محتوای قابل باز و بسته شدن
تبها (Tabs)
تقسیم محتوا
جدول (Table)
نمایش دادهها
| نام | وضعیت | مبلغ |
|---|---|---|
| محمد احمدی | فعال | ۲۵۰,۰۰۰ |
| سارا کریمی | جدید | ۱۸۰,۰۰۰ |
مسیریاب (Breadcrumb)
نمایش مسیر فعلی
کیبورد (Kbd)
نمایش کلیدهای میانبر
جداکننده (Separator)
خط جداکننده
نسبت تصویر (Aspect Ratio)
حفظ نسبت ابعاد
ناحیه اسکرول (Scroll Area)
اسکرول سفارشی
تاگل (Toggle)
دکمه تغییر وضعیت
گروه تاگل (Toggle Group)
گروه دکمههای toggle
تقویم (Calendar)
انتخاب تاریخ
ورودی OTP (Input OTP)
کد یکبار مصرف
کاروسل (Carousel)
اسلایدر تصاویر
صفحهبندی (Pagination)
ناوبری بین صفحات
خالی (Empty)
وضعیت خالی
هیچ موردی یافت نشد
شما هنوز هیچ موردی اضافه نکردهاید
قابل تغییر اندازه (Resizable)
پنلهای resizable
کامپوننتهای تعاملی
Dialog, Drawer, Sheet, Popover, Tooltip, Dropdown, Context Menu
منوی ناوبری (Navigation Menu)
منوی ناوبری پیشرفته
نوار منو (Menubar)
نوار منوی افقی
پالت دستورات (Command)
جستجو و دستورات سریع
نمودار خطی (Line Chart)
روند فروش ششماهه
نمودار میلهای (Bar Chart)
مقایسه فروش و هزینه
نمودار دایرهای (Pie Chart)
ترکیب درآمد محصولات