PanelHeaderContext
Компонент, позволяющий реализовать всплывающее меню при нажатии на шапку. Может быть полезен для реализации дополнительной навигации
по разделам приложения. Размещайте данный компонент рядом с компонентом PanelHeader
.
Связанные компоненты:
Контент
Содержимое меню передавайте в свойство children
. Несмотря на то, что вы можете передать любые компоненты,
для реализации пунктов меню рекомендуется использовать компонент SimpleCell
.
Состояния
Раскрытие
Свойство opened
позволяет показывать и скрывать компонент.
false
— компонент скрыт (по умолчанию);true
— компонент раскрыт.
Обработчики событий
Свойство onClose
принимает обработчик скрытия компонента, который будет вызван при завершении анимации.
Обратите внимание, что компонент обрабатывает любые нажатия внутри своей области, если вы не хотите, чтобы
нажатие на элементы внутри всплывающего меню приводили к его скрытию, останавливайте всплытие события нажатия
через event.stopPropagation()
↗.
Свойства и методы
Свойство | Описание |
---|---|
getRootRef | Ref<HTMLDivElement> По умолчанию: - |
onClose | VoidFunction Обработчик закрытия всплывающего элемента. По умолчанию: - |
opened | boolean Управление состоянием всплывающего элемента true - элемент открыт, false - элемент закрыт. По умолчанию: false |