2016-08-02 17 views
9

Ich möchte die Material-ui-Symbole im Ordner Svg-Symbole, die ich mit Npm installieren, aber die Implementierungen jedes Symbols auf jeder Js-Datei haben verschiedene importieren wie die in der Aktion oder im Editor usw. Ich hatte durch die js-Datei zu sehen, um zu finden, wie man jedes Symbol importiert. Ich möchte eine Dokumentation oder Website, die mir speziell fügen Sie den Import jedes Symbol kopieren können, das wäre viel, Dank im Voraus helfen :)Gibt es eine Liste zur Verwendung von Material-Ui-Symbolen im Ordner svg-icons?

Ich war für **navigate next** Symbol von Google-Design suchen und fand es in

import ImageNavigateNext from 'material-ui/svg-icons/image/navigate-next';

Antwort

20

Pre v1

Sie können nur die Kategorie und den Namen aufnachschlagen.

Jeder SvgIcon wird Karte zu:

import MyIconName from 'material-ui/svg-icons/<category>/<name>'; 

Zum Beispiel, wenn ich die Kontostand Symbole will, den Teil der Aktion Kategorie I importieren würde.

import BalanceIcon from 'material-ui/svg-icons/action/account-balance'; 

Beachten Sie, dass Leerzeichen zu Bindestrichen werden. Die gewünschte Liste befindet sich also auf dem obigen Link.

v1

Mit der neuen Version von Material-ui der Symbole material-ui-icons in ihrem eigenen Paket sind. Jetzt müssen Sie nur den Namen und PascalCase suchen, um den richtigen Namen zu finden. Die Kategorie ist nicht mehr relevant. Also:

import BalanceIcon from 'material-ui/svg-icons/action/account-balance'; 

Becomes:

import BalanceIcon from 'material-ui-icons/AccountBalance'; 
+0

, die hilfreich tnx war, ich lerne jeden Tag etwas Neues: D – 6by3

+0

Diese me.Thanks geholfen !!!! –