TaavUI Lab
کامپوننت‌های کسب‌وکار

فهرست دسترسی‌های مجتمع

گرید دو ستونه برای نمایش مسیرهای اطلاعاتی و عملیاتی مجتمع با عنوان، توضیح، آیکن و فلش ورود.

import { TaavBusinessModuleLinkGrid } from '@repo/ui/taav/business';

کامپوننت اصلی

گزارشات اطلاعات مجتمعنمایش کلی از اطلاعات مجتمع مانند ثبت واحدها و طبقات مجتمع

گریدبندی

گزارشات اطلاعات مجتمعنمایش کلی از اطلاعات مجتمع مانند ثبت واحدها و طبقات مجتمعفهرست بلوک‌هانمایش لیست بلوک‌های مجتمعپلاک اصلی / پلاک فرعیپلاک اصلی: ۲ (پلاک فرعی ۱۵) و پلاک اصلی: ۲ (پلاک فرعی ۱۵)مشخصات فنی پروژهمشخصات فنی شامل هرگونه اطلاعات مربوط به اجزا همراه با فروش واحدفایل‌هابارگذاری اسناد تکمیلی مانند نقشه‌ها، پروانه ساخت، گزارش‌های فنی و عکس‌های رسمیآدرسآدرس دقیق محل احداث پروژه؛ از این آدرس در مفاد قرارداد استفاده می‌گرددتیپ‌های واحدفهرست تیپ‌های واحد مجتمعبرنامه زمان‌بندی پیشرفت فیزیکیلیست برنامه‌ها، مراحل، آمار و عملیات کنترل و حذف را مدیریت کنید.

قواعد طراحی و تجربه کاربری

راهنمای استفاده در DastRanj / VahedYek

  • • چیدمان پیش‌فرض دو ستونه است و در موبایل به یک ستون خوانا تبدیل می‌شود.
  • • هر آیتم شامل عنوان، توضیح، آیکن و فلش ورود است؛ محتوا از آرایه items دریافت می‌شود.
  • • عنوان‌ها راست‌چین، توضیحات کم‌رنگ‌تر و فلش در سمت چپ آیتم قرار می‌گیرد.
  • • hover و focus بدون تغییر شدید ابعاد انجام می‌شوند تا گرید پایدار بماند.
  • • آیتم می‌تواند با href یا onClick تعاملی باشد و حالت disabled نیز دارد.

نمونه استفاده

<TaavBusinessModuleLinkGrid
  items={items}
  columns={2}
  gap="md"
/>

مشخصات

Grid۱ ستون موبایل، ۲ ستون دسکتاپ
Gap16px پیش‌فرض
DirectionRTL
Interactionhref / onClick / disabled

دسترسی‌پذیری

انجام دهید

  • ✓ برای مسیرهای واقعی href بدهید.
  • ✓ برای عملیات داخل همان صفحه onClick استفاده کنید.
  • ✓ برای آیکن‌های تزئینی aria-hidden حفظ می‌شود.

انجام ندهید

  • ✕ منطق route یا مجوز را داخل کامپوننت قرار ندهید.
  • ✕ توضیحات طولانی را در یک ردیف فشرده نکنید.