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 یا مجوز را داخل کامپوننت قرار ندهید.
  • توضیحات طولانی را در یک ردیف فشرده نکنید.