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