rmdi
1.0.0
تم تصميمه باستخدام pixo ، والمكونات المصممة ، والنظام المصمم
https://jxnblk.com/rmdi
npm i rmdi // import icons individually for better tree-shaking
import Accessibility from 'rmdi/lib/Accessibility'
const App = props => (
< Accessibility
size = { 32 }
color = 'tomato'
/>
) // import all icons as a single component
import { Icon } from 'rmdi'
const App = props => (
< Icon
name = 'accessibility'
size = { 32 }
color = 'tomato'
/>
) انظر قائمة الأيقونات للحصول على قائمة كاملة بجميع الرموز المتاحة
| دعم | يكتب | وصف |
|---|---|---|
size | رقم | العرض والارتفاع بالبكسل |
color | خيط | ملء اللون ، ويستخدم وظيفة color النظام المصممة |
يمكن تطبيق الهامش مع الدعائم التالية ، والتي تستخدم وظيفة space النظام المصممة. تقبل الدعائم الهامش أرقام قيم البكسل أو الأوتار مع وحدات CSS أو صفائف لهامش مستجيب
| دعم | وصف |
|---|---|
m | هامِش |
mt | الهامش |
mr | يمين الهامش |
mb | الهامش القاع |
ml | الهامش اليسار |
mx | الهامش اليسار والهامش اليمين |
my | الهامش والقاع الهامش |
npm installسوف عملية البناء:
material-design-icons لكود المصدر SVGsvg/ المجلدexamples/ مجلد للاختبارات والتطويرsvg/ المجلد والإخراج إلى src/src/ المجلد والإخراج إلى lib/الاختبارات:
npm testلتشغيل خادم التطوير:
npm startرخصة معهد ماساتشوستس للتكنولوجيا