Как отображать клювы в меню CommandBar с помощью Office UI Fabric React?

Пожалуйста, посмотрите следующую демонстрацию:

https://rry5wyov7o.codesandbox.io

Вы видите обычную панель команд React Office UI Fabric (в данном случае это своего рода строка меню).

Теперь взгляните на ту же демонстрацию в IDE Codesandbox:

https://codesandbox.io/s/rry5wyov7o

Случайно (может быть, из-за IFrame или чего-то еще) в IDE Codesandbox, когда меню выскакивают, вы видите маленькие клюшки в верхней части меню. На самом деле, мне нравятся эти клювы, и я хочу использовать их в некоторых особых случаях.

Возникает вопрос: есть ли способ принудительно активировать эти клювы в панели управления React CommandBar в Office UI Fabric?


reactjs office-ui-fabric
person Natasha    schedule 12.03.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вот, пожалуйста: https://codesandbox.io/s/kx7w36xzv

Я использовал buttonAs опору, чтобы предоставить настраиваемую кнопку, которая menuProps.isBeakVisible как true

(Кстати, клювы не были видны из-за iframe, а потому, что область просмотра была маленькой, а клювы видны по умолчанию в меньших окнах просмотра.)

person Devansh J    schedule 12.03.2019