Office-UI-Fabric-React:如何替换CommandBar菜单中的图标“ ChevronDown”和“ ChevronRight”?

时间:2019-12-15 18:42:13

标签: office-ui-fabric

请查看以下演示: https://codesandbox.io/s/sharp-bell-u9e3s

您将看到一个简单的CommandBar示例,其中在“子菜单1.2”中,普通图标“ ChevronRight”被替换为“ Forward”图标。 顶层的另一个图标也应替换=>而不是“ ChevronDown”,应使用称为“ Down”的图标。这怎么可能??

PS:当然,在现实世界中,我希望将这些图标替换为完全不同的开源许可证图标,但我希望演示尽可能简单。 顺便说一句:函数“ registerIcons”对我来说不是一个选择。

1 个答案:

答案 0 :(得分:1)

每个命令栏项目都是一个按钮。 Button的take menuIconProps。

        key: "1.0",
        name: "Menu 1",
        menuIconProps: {
            iconName: 'Add'
        },

查看图标组件以获取其他自定义方式:https://developer.microsoft.com/en-us/fabric#/controls/web/icon