Material-ui: كيف تستخدم الأيقونة؟

تم إنشاؤها على ١٥ يونيو ٢٠١٥  ·  3تعليقات  ·  مصدر: mui-org/material-ui

لقد قمت بتثبيت المكتبة بـ npm install material-ui .
عند استخدام المكون <FontIcon className='mui-icon-sort' /> ، لا يوجد رمز لإظهاره.
هل تعرف كيف تحل هذا؟

التعليق الأكثر فائدة

checkraiser تحتاج إلى إضافة مكتبة خطوط Google في مشروعك من أجل استخدام الرموز بطريقة <FontIcon> . بدلاً من ذلك ، يمكنك إضافة رموز مواد Google من خطوط الويب الخاصة بـ Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> واستخدام الرموز كما هو مذكور أدناه:

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

ال 3 كومينتر

checkraiser تحتاج إلى إضافة مكتبة خطوط Google في مشروعك من أجل استخدام الرموز بطريقة <FontIcon> . بدلاً من ذلك ، يمكنك إضافة رموز مواد Google من خطوط الويب الخاصة بـ Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> واستخدام الرموز كما هو مذكور أدناه:

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

شكرًا mairh - هناك أيضًا هذه المشكلة لتقديم الدعم لمكتبة خطوط google داخل المكتبة. انظر # 829

mairh ألا يمكننا استخدام الرموز من Material-UI؟
بما في ذلك مكتبة Google Material UI Font يدمر الغرض ، كما أنه 48 كيلوبايت

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات