آشپزخانه کامپوننتهای پرتو
همهٔ ۶۵ کامپوننت UI در یک صفحه برای بررسی سریع حالتها، تایپوگرافی و رفتار RTL.
دکمهها (Button)
حالات، اندازهها و وضعیتهای مختلف
گروه دکمه (Button Group)
دکمههای گروهبندی شده
ورودی (Input)
فیلدهای ورودی مختلف
انتخابگر تاریخ (Date Picker)
انتخاب بازه تاریخ
گروه ورودی (Input Group)
ورودی با addon و دکمه
ناحیه متن (Textarea)
فیلد متنی چندخطی
چکباکس (Checkbox)
انتخاب چند گزینهای
رادیو (Radio Group)
انتخاب تک گزینهای
سوییچ (Switch)
تغییر وضعیت روشن/خاموش
اسلایدر (Slider)
انتخاب مقدار از یک بازه
انتخابگر (Select)
منوی کشویی انتخاب
سلکت بومی (Native Select)
Select بومی HTML
نشانها (Badge)
برچسبهای رنگی
آواتار (Avatar)
تصویر پروفایل کاربر
اسکلتون (Skeleton)
placeholder در حال بارگذاری
اسپینر (Spinner)
نشانگر بارگذاری
پیشرفت (Progress)
نوار پیشرفت
کارتها (Card)
محتوا با چیدمان کارتی
آمار امروز
درآمد ۲۴ ساعته
هشدارها (Alert)
پیغامهای اطلاعرسانی
اطلاعیه
اطلاعات
موفقیت
هشدار
خطا
اتوکامپلیت (Autocomplete)
جستجو با پیشنهاد نتایج
اتوکامپلیت کاربران (User Autocomplete)
جستجوی کاربران با Infinite Scroll
آکاردئون (Accordion)
محتوای تاشو
تاشو (Collapsible)
محتوای قابل باز و بسته شدن
تبها (Tabs)
تقسیم محتوا
جدول (Table)
نمایش دادهها
| نام | وضعیت | مبلغ |
|---|---|---|
| محمد احمدی | فعال | ۲۵۰,۰۰۰ |
| سارا کریمی | جدید | ۱۸۰,۰۰۰ |
مسیریاب (Breadcrumb)
نمایش مسیر فعلی
کیبورد (Kbd)
نمایش کلیدهای میانبر
جداکننده (Separator)
خط جداکننده
نسبت تصویر (Aspect Ratio)
حفظ نسبت ابعاد
ناحیه اسکرول (Scroll Area)
اسکرول سفارشی
تاگل (Toggle)
دکمه تغییر وضعیت
گروه تاگل (Toggle Group)
گروه دکمههای toggle
ورودی OTP (Input OTP)
کد یکبار مصرف
کاروسل (Carousel)
اسلایدر تصاویر
صفحهبندی (Pagination)
ناوبری بین صفحات
خالی (Empty)
وضعیت خالی
هیچ موردی یافت نشد
شما هنوز هیچ موردی اضافه نکردهاید
قابل تغییر اندازه (Resizable)
پنلهای resizable
کامپوننتهای تعاملی
Dialog, Drawer, Sheet, Popover, Tooltip, Dropdown, Context Menu
منوی ناوبری (Navigation Menu)
منوی ناوبری پیشرفته
نوار منو (Menubar)
نوار منوی افقی
پالت دستورات (Command)
جستجو و دستورات سریع
نوار کناری (Sidebar)
منوی ناوبری کناری
اعلان (Toast/Sonner)
پیامهای اعلان موقت
فیلد (Field)
فیلد با برچسب، توضیحات و خطا
نام کاربری شما برای ورود استفاده میشود
کارت پروفایل (Profile Card)
کارت پروفایل عمودی با فالوور
محسن یگانه
mohsene
کارت متریک (Metric Card)
نمایش آمار با نمودار
کاربران فعال
کارت نظر (Comment Card)
نمایش نظرات با تحلیل احساسات
کارت رادیو (Radio Card)
انتخاب با کارتهای بزرگ
پست اینستاگرام (Instagram Post)
نمایش پست اینستاگرام
حالت عمودی
حالت افقی
این یک پست نمونه است با #هشتگ و @منشن برای تست کامپوننت. این متن میتواند تا 2200 کاراکتر باشد و شامل هشتگها و منشنهای مختلف است. در این پست میتوانید انواع مختلف محتوا را مشاهده کنید. این یک متن طولانی است تا بتوانید حالت «بیشتر» را ببینید و نحوه نمایش کپشن کامل را مشاهده کنید.
نمودارهای تحلیلی و بصریسازی داده
کتابخانه نمودارهای پیشرفته با پشتیبانی کامل از RTL و زبان فارسی
نمودارهای تحلیلی پیشرفته
ابر کلمات و نقشه گرمایی
ابر کلمات
هشتگهای پرتکرار
نقشه گرمایی
فعالیت هفتگی
نمودار خطی (Line Chart)
روند فروش ششماهه
نمودار میلهای (Bar Chart)
مقایسه فروش و هزینه
نمودار دایرهای (Pie Chart)
ترکیب درآمد محصولات
نرخ تعامل (Engagement Rate)
نمایش نرخ تعامل با دستهبندی اینفلوئنسر
دسته شما:
مگا اینفلوئنسر
بیش از ۱,۰۰۰,۰۰۰ فالوور
(۷,۸۶۴,۵۵۴ فالوور)
معیارهای دسته مگا اینفلوئنسر
نوار نرخ تعامل (Engagement Rate Bar)
نمایش ساده نرخ تعامل بدون کارت دستهبندی