Material-ui: Wie verwendet man Icon?
Ich habe die Bibliothek mit npm install material-ui installiert.
Wenn ich die Komponente <FontIcon className='mui-icon-sort' /> verwende, wird kein Symbol angezeigt.
Weißt du, wie man das löst?
revskill10
Alle 3 Kommentare
@checkraiser Sie müssen die Google-Schriftartenbibliothek in Ihrem Projekt hinzufügen, um Symbole mit der <FontIcon> -Methode verwenden zu können. Alternativ können Sie Google-Materialsymbole aus Google-Webschriften <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> hinzufügen und die Symbole wie unten erwähnt verwenden:
<RaisedButton>
<i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>
<FloatingActionButton>
<i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>
mairh
am 15. Juni 2015
Danke @mairh - Es gibt auch dieses Problem, um Unterstützung für die Google-Schriftartenbibliothek in der Bibliothek bereitzustellen. Siehe #829
hai-cea
am 19. Juni 2015
@mairh können wir nicht die Icons von Material-UI verwenden?
einschließlich Google Material UI Font-Bibliothek zerstört den Zweck, außerdem sind es 48 KB
amitparrikar
am 28. Jan. 2018
Verwandte Themen
ghost
·
3Kommentare
joewalker
·
3Kommentare
chris-hinds
·
3Kommentare
reflog
·
3Kommentare
ghost
·
3Kommentare
Hilfreichster Kommentar
@checkraiser Sie müssen die Google-Schriftartenbibliothek in Ihrem Projekt hinzufügen, um Symbole mit der
<FontIcon>-Methode verwenden zu können. Alternativ können Sie Google-Materialsymbole aus Google-Webschriften<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">hinzufügen und die Symbole wie unten erwähnt verwenden: