زر الأيقونة

زر ثانوي مربع بأيقونة فقط - متوسط 36 بكسل (أيقونة 20 بكسل) وصغير 32 بكسل (أيقونة 16 بكسل)، كلاهما بنصف قطر 10. يُستخدم لإجراءات الصفوف وأجراس الرأس وعناصر تحكم شريط الأدوات.

التثبيت

يمكنك إضافة مكوّن زر الأيقونة هذا باستخدام CLI الخاص بنا أو يدويًا:

الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.

تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.

npx boardui@latest add icon-button

هل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.

الأحجام والحالات

مرر أي مرجع لمكوّن Remix Icon عبر أيقونة، اختر الحجم، وتوفير دائمًا aria-label - لا يوجد نص مرئي.

<IconButton icon={RiEditLine} size="medium" aria-label="Edit" /> {/* 36px, 20px icon */}<IconButton icon={RiEditLine} size="small" aria-label="Edit" /> {/* 32px, 16px icon */} {/* Disabled */}<IconButton icon={RiEditLine} aria-label="Edit" disabled />