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

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

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

    我想用 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 回复  |  直到 7 年前
        1
  •  1
  •   Chimera.Zen    7 年前

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

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

    推荐文章
    Jamie  ·  在CSS链接的文件名中添加Jinja占位符
    8 月前
    Mass  ·  如何在Tailwind CSS v4中创建配置
    8 月前
    magenta placenta  ·  将css变量合并为一个变量
    8 月前
    ptownbro  ·  重叠分区标签,同时保持以下所有分区和内容就位
    8 月前
    Luke Frost IEng MIMechE  ·  Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示
    8 月前
    user29519291  ·  为不同的变量创建一个带有可重用Click函数的简单菜单
    9 月前
    john Rizzo  ·  按钮背景颜色、悬停和活动状态存在问题
    9 月前
    Ben Halicki  ·  带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列
    9 月前
    Luckkks  ·  过渡色工作不正常
    9 月前
    ModernEraCaveman  ·  如何对齐我的Bootstrap容器以适应网页的整个宽度?
    9 月前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号