دسترسی سریع

افزودن محصول جدید

ایجاد محصول در فروشگاه

`Alt` + `N`

سفارشات

مدیریت سفارشات مشتریان

`Alt` + `O`

کاربران

مدیریت کاربران سیستم

`Alt` + `U`

گزارشات و تحلیل

آمار و نمودارها

`Alt` + `A`

صفحات

داشبورد محصولات سفارشات کاربران تنظیمات

دستورات

خروج از حساب
`↑` `↓` پیمایش `Enter` انتخاب `Esc` بستن

# کامپوننت‌ها

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