Material-ui: Comment utiliser Icon ?

Créé le 15 juin 2015 · 3Commentaires · Source: mui-org/material-ui

J'ai installé la bibliothèque avec npm install material-ui .
Lorsque j'utilise le composant <FontIcon className='mui-icon-sort' /> , il n'y a pas d'icône à afficher.
Savez-vous comment résoudre cela ?

Source

revskill10

👍3

Commentaire le plus utile

@checkraiser Vous devez ajouter la bibliothèque de polices Google dans votre projet afin d'utiliser des icônes avec la méthode <FontIcon> . Vous pouvez également ajouter des icônes de matériel Google à partir des polices Web Google <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> et utiliser les icônes comme indiqué ci-dessous :

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

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

mairh le 15 juin 2015

👍15

Tous les 3 commentaires

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

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

mairh le 15 juin 2015

👍15

Merci @mairh - Il y a aussi ce problème pour fournir un support pour la bibliothèque de polices Google à l'intérieur de la bibliothèque. Voir #829

hai-cea le 19 juin 2015

@mairh ne pouvons-nous pas utiliser les icônes de Material-UI ?
y compris la bibliothèque de polices Google Material UI détruit le but, il est également de 48 Ko