مكتبة أيقونات Angular (محايدة للمجموعة) | ng-hub-ui-icons

أيقونات Angular محايدة للمجموعة: اعرض Font Awesome وBootstrap Icons وMaterial Symbols وSolar أو SVG الخاصة بك عبر واجهة <hub-icon> / [hubIcon] واحدة، منسّقة بمتغيّرات CSS.

مرجع API

إليك العقد الكامل لـ icons: كل ما يمكنك ربطه والاستماع إليه وإسقاطه وتنسيقه، مجموعاً في مكان واحد. اربط ما تحتاجه ونسّق ما تريده — إنه standalone وملائم للـ Signals.

المدخلات

اضبط icons عبر 7 مدخلات. اربطها مثل أي @Input في Angular.

الاسمالنوعالافتراضيالوصف
nameمطلوبstringاسم الأيقونة. يقبل الاختصار pack:variant:name.
packstringdefaultPackمفتاح الحزمة؛ يتجاوز حزمة الاختصار و defaultPack المضبوط.
variantstringالتنويعة؛ تتجاوز تنويعة الاختصار والقيمة الافتراضية للحزمة.
size (hub-icon)string1emالحجم لكل نسخة، يُكتب في --hub-icon-size (لـ hub-icon فقط).
color (hub-icon)stringcurrentColorاللون لكل نسخة، يُكتب في --hub-icon-color (لـ hub-icon فقط).
label (hub-icon)stringتسمية وصول: تضبط role="img" + aria-label؛ بدونها تكون الأيقونة زخرفية (لـ hub-icon فقط).
spin (hub-icon)booleanfalseتدوير الأيقونة باستمرار، مثلاً لمؤشّرات التحميل (لـ hub-icon فقط).

المخرجات

لم يتم توثيق أي مخرجات بعد.

القوالب

لم يتم توثيق أي قوالب بعد.