如何使用Office UI Fabric React在CommandBar菜单中显示喙?

时间:2019-03-12 15:17:40

标签: reactjs office-ui-fabric

请看以下演示:

https://rry5wyov7o.codesandbox.io

您会看到一个普通的Office UI Fabric React CommandBar(在这种特殊情况下,它是某种菜单栏)。

现在来看一下Codesandbox IDE中完全相同的演示:

https://codesandbox.io/s/rry5wyov7o

由于偶然的原因(可能是由于IFrame或其他原因),在Codesandbox IDE中弹出菜单时,您会在菜单顶部看到小的尖嘴。 实际上,我喜欢这些喙,并希望在某些特殊情况下使用它们。

所以问题是:是否可以在Ofice UI Fabric React CommandBar中强制/激活这些喙?

1 个答案:

答案 0 :(得分:1)

您在这里:https://codesandbox.io/s/kx7w36xzv

我使用了buttonAs道具来提供一个自定义按钮,该按钮的menuProps.isBeakVisibletrue

(顺便说一句,由于iframe的原因,喙不可见,但由于视口很小,并且在较小的视口中,喙默认情况下可见。)