زر الرابط
إجراء نصي مضمّن على مقياس حجم Button لكن بدون الحاوية - لا تعبئة ولا حدود، فقط التسمية مع خط سفلي عند التمرير. متغيران: أساسي (أزرق) وثانوي (خافت)؛ يُصيَّر كرابط عند تمرير href، وإلا كزر، بحيث يعمل نفس الإجراء في النص أو كمعالج.
التثبيت
يمكنك إضافة مكوّن زر الرابط هذا باستخدام CLI الخاص بنا أو يدويًا:
الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.
CLI
يدوي
تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.
npx boardui@latest add link-buttonهل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.
الأيقونات والأحجام
leadingIcon / trailingIcon يأخذ مرجع Remix Icon ويعرضه بمقياس الأيقونة المناسب للحجم - 20px للمتوسط، و18px للصغير، و14px للأصغر.
{/* Icons render at the size's scale - pass the Remix Icon reference */}<LinkButton href="/changelog" trailingIcon={RiExternalLinkLine}> View changelog</LinkButton><LinkButton size="small" leadingIcon={RiDownloadLine} onClick={download}> Download report</LinkButton><LinkButton size="xs" variant="secondary" trailingIcon={RiArrowRightLine}> See all</LinkButton>