کامپوننت‌ها

نمونه‌های 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 کاربر