مكتبة أيقونات 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. |
pack | string | defaultPack | مفتاح الحزمة؛ يتجاوز حزمة الاختصار و defaultPack المضبوط. |
variant | string | — | التنويعة؛ تتجاوز تنويعة الاختصار والقيمة الافتراضية للحزمة. |
size (hub-icon) | string | 1em | الحجم لكل نسخة، يُكتب في --hub-icon-size (لـ hub-icon فقط). |
color (hub-icon) | string | currentColor | اللون لكل نسخة، يُكتب في --hub-icon-color (لـ hub-icon فقط). |
label (hub-icon) | string | — | تسمية وصول: تضبط role="img" + aria-label؛ بدونها تكون الأيقونة زخرفية (لـ hub-icon فقط). |
spin (hub-icon) | boolean | false | تدوير الأيقونة باستمرار، مثلاً لمؤشّرات التحميل (لـ hub-icon فقط). |
المخرجات
لم يتم توثيق أي مخرجات بعد.
القوالب
لم يتم توثيق أي قوالب بعد.