Skip to main content

DynamicPageHeader

<ui5-dynamic-page-header> | Since 2.0.0

Header of the DynamicPage.

The DynamicPageHeader ui5-dynamic-page-header is part of the DynamicPage family and is used to serve as header of the DynamicPage.

Usage​

The DynamicPageHeader can hold any layout control and has two states - expanded and collapsed (snapped). The switching between these states happens when:

  • the user scrolls below its bottom margin
  • the user clicks on the DynamicPageTitle
  • through the DynamicPage property headerSnapped

Responsive Behavior​

The responsive behavior of the DynamicPageHeader depends on the behavior of the content that is displayed.

Accessibility​

The DynamicPageHeader provides an accessible label for the header region.

Properties​

No properties available for this component.

Slots​

default​

DescriptionDefines the content of the Dynamic Page Header.
TypeArray<HTMLElement>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.