TaavUI Lab
Components

link

لینک جزئیات برای هدایت کاربر به اطلاعات یا تنظیمات مرتبط.

import { TaavDetailsLink } from "@repo/ui/taav/business";

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

جزئیات تنظیمات پیش‌پرداختجزئیات تنظیمات پیش‌پرداخت

فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثال‌های عادی دیده شوند.

ساختار استاندارد

<TaavDetailsLink
  href="#payment-settings"
  tone="brand"
  size="md"
  underline="always"
>
  جزئیات تنظیمات پیش‌پرداخت
</TaavDetailsLink>

ویژگی‌ها

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

  • لینک در حالت فعال با رنگ برند و زیرخط نمایش داده می‌شود.
  • برای هدایت به صفحه یا بخش دیگر از href استفاده کنید.
  • برای اقدام داخل همان صفحه می‌توان از onClick استفاده کرد.
  • متن لینک باید هدف مقصد را به‌صورت واضح بیان کند.