代码之家 › 专栏 › 技术社区 › Jamie McCrindle

如何在Office UI Fabric React中使用备用图标

office-ui-fabric

0

Jamie McCrindle · 技术社区 · 6 年前

具体来说,我想覆盖 MessageBar 组件,即左边的图标和右边的X。

1 回复 | 直到 6 年前

1

0

Jamie McCrindle 6 年前

使用 registerIcons 要注册新图标,例如,下面介绍如何使用字体awesome为阻止的图标注册图标 MessageBar

import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import {
    faExclamationCircle,
    faTimes
} from "@fortawesome/free-solid-svg-icons";

import { registerIcons } from "@uifabric/styling";

library.add(faExclamationCircle);
library.add(faTimes);

registerIcons({
    icons: {
        blocked2: <FontAwesomeIcon icon={faExclamationCircle} />,
        clear: <FontAwesomeIcon icon={faTimes} />
    }
});