【问题标题】:How can I use Font Awesome icons in an Office UI Fabric React icon button component?如何在 Office UI Fabric React 图标按钮组件中使用 Font Awesome 图标?
【发布时间】:2017-12-14 00:21:04
【问题描述】:

我在 React 中使用 Office Fabric UI。我想在 icon button 上使用 Font Awesome 图标,而不是 Fabric 图标。

谁能告诉我该怎么做?

【问题讨论】:

  • 运气好吗?
  • 没有。我问了这个问题后读到,包含的图标除了用作 MS Office 应用程序的一部分之外没有任何许可,所以我当时放弃了使用它的计划。

标签: reactjs button icons font-awesome office-ui-fabric


【解决方案1】:

这个问题已经在他们的 github 页面上raised,后来添加到他们的documents

下面是他们文档中的复制和粘贴,
注册图标

import { registerIcons } from '@uifabric/styling';
import Icon from '@fortawesome/react-fontawesome';    
registerIcons({
  icons: {
    'Home': <Icon icon={['fal', 'home']} />,
    'HomeSolid': <Icon icon={['fas', 'home']} />,
  }
});

使用它

import { Button } from 'office-ui-fabric-react/lib/Button';

const IconTest = () => <Button iconProps={{ iconName: 'HomeSolid' }} />

【讨论】:

    猜你喜欢
    • 2019-03-31
    • 2019-07-04
    • 2021-05-04
    • 1970-01-01
    • 2012-11-10
    • 2020-10-07
    • 2018-05-22
    • 2016-11-13
    • 1970-01-01
    相关资源
    最近更新 更多