Office-UI-Fabric-React:如何替换 CommandBar 菜单中的图标 "ChevronDown" 和 "ChevronRight"?
Office-UI-Fabric-React: How to replace the icons "ChevronDown" and "ChevronRight" in a CommandBar menu?
请看下面的演示:
https://codesandbox.io/s/sharp-bell-u9e3s
您看到一个简单的 CommandBar 示例,其中 "Submenu 1.2" 处的普通图标 "ChevronRight" 被图标 "Forward" 替换。
顶层的另一个图标也应替换为 => 而不是 "ChevronDown",应使用名为 "Down" 的图标。这怎么可能???
PS:当然,在现实世界中,我希望这些图标被完全不同的开源许可证图标所取代,但我希望演示尽可能简单。
顺便说一句:函数 "registerIcons" 不适合我。
每个命令栏项目都是一个按钮。按钮采用 menuIconProps。
key: "1.0",
name: "Menu 1",
menuIconProps: {
iconName: 'Add'
},
查看图标组件以了解其他自定义方式:https://developer.microsoft.com/en-us/fabric#/controls/web/icon
请看下面的演示: https://codesandbox.io/s/sharp-bell-u9e3s
您看到一个简单的 CommandBar 示例,其中 "Submenu 1.2" 处的普通图标 "ChevronRight" 被图标 "Forward" 替换。 顶层的另一个图标也应替换为 => 而不是 "ChevronDown",应使用名为 "Down" 的图标。这怎么可能???
PS:当然,在现实世界中,我希望这些图标被完全不同的开源许可证图标所取代,但我希望演示尽可能简单。 顺便说一句:函数 "registerIcons" 不适合我。
每个命令栏项目都是一个按钮。按钮采用 menuIconProps。
key: "1.0",
name: "Menu 1",
menuIconProps: {
iconName: 'Add'
},
查看图标组件以了解其他自定义方式:https://developer.microsoft.com/en-us/fabric#/controls/web/icon