我想使用npm install时在svg-icons文件夹中的material-ui图标,但是每个js文件上每个图标的实现都有不同的导入,例如动作或编辑器中的导入。我不得不看一下通过js文件查找如何导入每个图标。我想要一个专门允许我复制粘贴每个图标的导入的文档或网站。
我**navigate next**
从Google设计中寻找图标,并在中找到它
import ImageNavigateNext from 'material-ui/svg-icons/image/navigate-next';
对于v1
您可以在图标上查找类别和名称。
每个SvgIcon都将映射到:
import MyIconName from 'material-ui/svg-icons/<category>/<name>';
例如,如果我要输入属于操作类别的帐户余额图标,则可以导入。
import BalanceIcon from 'material-ui/svg-icons/action/account-balance';
请注意,空格将变为破折号。因此,您想要的列表在上面的链接上。
v1
在新版本的material-ui中,图标位于各自的包material-ui-icons中。现在,您只需查找名称,然后使用PascalCase查找正确的名称。类别不再相关。所以:
import BalanceIcon from 'material-ui/svg-icons/action/account-balance';
成为:
import BalanceIcon from 'material-ui-icons/AccountBalance';
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句