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

Question

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

https://rry5wyov7o.codesandbox.io

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

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

https://codesandbox.io/s/rry5wyov7o

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

Поэтому вопрос заключается в следующем: есть ли способ принудительно / активировать эти клювы в Ofice UI Fabric React CommandBar?

Answer 1

А вот и вы: https://codesandbox.io/s/kx7w36xzv

Я использовал buttonAs prop для предоставления пользовательской кнопки, которая имеет menuProps.isBeakVisible как true

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