PanelHeaderContext

Компонент, позволяющий реализовать всплывающее меню при нажатии на шапку. Может быть полезен для реализации дополнительной навигации по разделам приложения. Размещайте данный компонент рядом с компонентом PanelHeader.

Связанные компоненты:

Загружается...

Содержимое меню передавайте в свойство children. Несмотря на то, что вы можете передать любые компоненты, для реализации пунктов меню рекомендуется использовать компонент SimpleCell.

Свойство opened позволяет показывать и скрывать компонент.

  • false — компонент скрыт (по умолчанию);
  • true — компонент раскрыт.

Свойство onClose принимает обработчик скрытия компонента, который будет вызван при завершении анимации.

Обратите внимание, что компонент обрабатывает любые нажатия внутри своей области, если вы не хотите, чтобы нажатие на элементы внутри всплывающего меню приводили к его скрытию, останавливайте всплытие события нажатия через event.stopPropagation() ↗.

СвойствоОписание
getRootRefRef<HTMLDivElement>
По умолчанию: -
onCloseVoidFunction

Обработчик закрытия всплывающего элемента.

По умолчанию: -
openedboolean

Управление состоянием всплывающего элемента true - элемент открыт, false - элемент закрыт.

По умолчанию: false