react fontawesome
General cleanup and documentation fixes
مكون رد فعل لمكتبة أيقونة خطية.
إذا كنت تستخدم Font Awesome V5+، فيرجى استخدام مكون React الرسمي!. لا تدعم react-fontawesome Fontawomesom V5!
لم يعد هذا المشروع يتم الحفاظ عليه بنشاط. يرجى محاولة استخدام المكون الرسمي أعلاه إذا كنت قادرًا!
npm install --save react-fontawesomeملاحظة: لا يتضمن هذا المكون أيًا من الخطوط CSS أو الخطوط الرائعة ، لذلك ستحتاج إلى التأكد من تضمين تلك الموجودة في نهايتك بطريقة أو بأخرى ، إما عن طريق إضافتها إلى عملية الإنشاء أو الارتباط بإصدارات CDN.
أسرع طريقة للبدء هي استيراد fontawesome مع علامة ارتباط في صفحتك <head> :
< link href =" https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css " rel =" stylesheet " />يمكنك تغيير رقم الإصدار لاستخدام أي إصدار من Fontawomesh الذي تريده.
إذا كنت تستخدم WebPack ، فستحتاج إلى تثبيت Fontawesome ، واستيراد Sass/أقل ، وتكوين مسار الخط. يرجى الاطلاع على منشور المدونة هذا حول كيفية الحصول على WebPack و FontawomeS العمل معًا.
var React = require ( 'react' )
var FA = require ( 'react-fontawesome' )
React . render ( < FA name = "rocket" /> , document . body ) className الخاص بك والأنماط والدعائم الأخرى (يتم تمرير جميع الدعائم الإضافية مباشرة إلى المكون). استخدام منتظم
var React = require ( 'react' )
var FontAwesome = require ( 'react-fontawesome' )
var MyComponent = React . createClass ( {
render : function ( ) {
return (
< FontAwesome
className = "super-crazy-colors"
name = "rocket"
size = "2x"
spin
style = { { textShadow : '0 1px 0 rgba(0, 0, 0, 0.1)' } }
/>
)
} ,
} )مع استخدام وحدات CSS
import React from 'react'
import FontAwesome from 'react-fontawesome'
import faStyles from 'font-awesome/css/font-awesome.css'
var MyComponent = React . createClass ( {
render : function ( ) {
return (
< FontAwesome
className = "super-crazy-colors"
name = "rocket"
cssModule = { faStyles }
size = "2x"
spin
style = { { textShadow : '0 1px 0 rgba(0, 0, 0, 0.1)' } }
/>
)
} ,
} )ما سبق سيخلق إخراج مثل هذا:
<span class="font-awesome__fa___2otTb font-awesome__fa-rocket___lfSov font-awesome__super-crazy-colors___3k583"></span>
انظر مستندات API للحصول على الوثائق الكاملة.
سحب طلبات الترحيب!
قم بتشغيل مجموعة الاختبار مع npm test وتنسيق الكود الخاص بك بتنسيق npm run format . تأكد من مرور الاختبارات وأنك تكتب اختبارات لميزات جديدة وتغييرات المستندات على واجهة برمجة التطبيقات مع تحديثات إلى JSDOCS.
قبل إرسال طلب السحب الخاص بك ، قم بتشغيل npm run dist لإنشاء المشروع وارتكاب التغييرات.
معهد ماساتشوستس للتكنولوجيا © دانا وودمان
