ModalPageHeader
Шапка в модальных страницах.
Имеет очень похожую логику на PanelHeader
: два свойства before
и after
для иконок и
название модальной страницы, передаваемое как children
.
Загружается...
Требования по расположению кнопок
- На Android слева может быть
PanelHeaderClose
. - На iOS справа должна быть кнопка закрытия. Это может быть либо
PanelHeaderButton
с иконкой<Icon24Dismiss />
, либоPanelHeaderClose
илиPanelHeaderSubmit
. - Если произойдёт навигация вперёд внутри модального окна, то слева в шапке останется только кнопка назад.
Также на Android могут быть какие-то дополнительные кнопки-иконки справа, а на iOS – слева.
Свойства и методы
Свойство | Описание |
---|---|
after | ReactNode Добавляет элемент справа. При передаче нескольких элементов, расставляет отступы между ними. По умолчанию: - |
before | ReactNode Добавляет элемент слева. По умолчанию: - |
float | boolean Высота шапки будет игнорироваться контентом панели. По умолчанию: - |
getRef | Ref<HTMLDivElement> По умолчанию: - |
getRootRef | Ref<HTMLDivElement> По умолчанию: - |
noSeparator | boolean Отключение разделителя. По умолчанию: false |
transparent | boolean Прозрачный фон компонента. По умолчанию: - |
typographyProps | (HasComponent & HTMLAttributes<HTMLElement> & HasDataAttribute) По умолчанию как По умолчанию: - |