کامپوننتها
نمونههای UI برای استفاده در پروژه
دکمهها (Buttons)
انواع مختلف دکمهها با استایلهای متفاوت
HTML
<button class="button" variant="default"
size="default">دکمه</button>
فیلدهای ورودی (Inputs)
انواع فیلدهای فرم
نشانها (Badges)
برچسبها و نشانگرهای وضعیت
پیشفرض
ثانویه
خطی
خطرناک
اصلی
موفق
هشدار
اطلاعات
بنفش
اسلیت
خاکستری
زینک
خنثی
سنگ
قرمز
نارنجی
عنبری
زرد
لیمویی
سبز
زمردی
تیل
سیان
آسمانی
آبی
نیلی
بنفش تیره
فوشیا
صورتی
گلی
دیالوگ (Modal)
پنجرههای پاپآپ با انیمیشن
درایور (Drawer)
پنل کشویی از کنارههای صفحه
دراپداون (Dropdown)
منوهای کشویی
آکاردیون (Accordion)
محتوای قابل جمعشدن
بله، پلن پایه ما کاملاً رایگان است و میتوانید بدون
محدودیت از آن استفاده کنید.
شما میتوانید از طریق ایمیل، چت آنلاین یا تیکت پشتیبانی
با ما در ارتباط باشید. تیم پشتیبانی ما 24 ساعته در خدمت
شماست.
بله، اگر از خدمات ما راضی نباشید، تا 30 روز میتوانید
درخواست بازپرداخت کامل داشته باشید.
تبها (Tabs)
محتوای تببندی شده
آواتار (Avatar)
نمایش تصویر کاربر
ع
علی
سا
مر
اسکلتون (Skeleton)
نمایش loading state
تولتیپ (Tooltip)
نمایش اطلاعات اضافی در hover
کپی در کلیپبورد
کپی کردن متن با یک کلیک
pnpm add @tipanel/core
جدول (Table)
نمایش دادهها به صورت جدولی
| # | نام | ایمیل | نقش | عملیات |
|---|---|---|---|---|
| 1 | علی محمدی | ali@example.com | مدیر | |
| 2 | سارا احمدی | sara@example.com | کاربر | |
| 3 | محمد رضایی | mohammad@example.com | کاربر |