代码之家  ›  专栏  ›  技术社区  ›  four-eyes

用户材料界面反应字体图标

material-design fonts reactjs css javascript
  •  1
  • four-eyes  · 技术社区  · 6 年前

    我想用 Material UI Font-Icons

    图标组件将显示任何支持连字的图标字体中的图标。作为先决条件,必须包含一个,例如项目中的材质图标字体,例如,通过Google Web字体:

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    Icon将为材料图标字体设置正确的类名。对于其他字体,必须使用图标组件的class name属性提供类名。

    要使用图标,只需使用图标组件包装图标名称(字体连字),例如:

    <Icon>star</Icon>

    默认情况下,图标将继承当前文本颜色。也可以使用主题颜色属性之一设置图标颜色:主、次、操作、错误和禁用。

    <Icon /> 但是组件是因为 < 未定义。如何导入 <图标/> ?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Chimera.Zen    6 年前

    图标组件需要像SGhaleb所说的那样导入,但我要补充的是,一些图标需要不同的导入。例如,学校图标是这样导入的 import SchoolIcon from '@material-ui/icons/School' 打电话来 <SchoolIcon /> .

    import { ExpandLess, ExpandMore } from '@material-ui/icons'

    推荐文章
    Softly  ·  单选按钮未按预期取值
    1 年前
    Jason Owens  ·  我的html/javascript播放按钮无法播放嵌入的youtube视频
    1 年前
    SlickRed  ·  我无法使用JS关注HTML元素
    1 年前
    Mayron Guedes  ·  如果登录名不在本地存储中,如何重定向页面?
    1 年前
    assembler  ·  Nextjs没有处理发布请求
    1 年前
    PavelB  ·  如何使用Seleniumwebdriver和mocha只运行一个测试文件?
    1 年前
    BADRUM  ·  执行两个获取功能后,如何导航回页面?
    1 年前
    Toniq  ·  javascript为php保存多维数组
    1 年前
    Natalie Smyth  ·  隐藏类只在我试图切换的两个部分中的一个部分上工作
    1 年前
    SkyWalker  ·  在JavaScript中,合并日期-时间序列的有效算法是什么?
    1 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号