@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
33 lines (32 loc) • 1.36 kB
JavaScript
'use client';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* Header of the DynamicPage.
*
* The DynamicPageHeader `DynamicPageHeader` 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.
*
* __Note:__ This is a UI5 Web Component! [DynamicPageHeader UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/DynamicPageHeader) | [Repository](https://github.com/UI5/webcomponents)
*
* @since [2.0.0](https://github.com/UI5/webcomponents/releases/tag/v2.0.0) of __@ui5/webcomponents-fiori__.
*/
const DynamicPageHeader = withWebComponent('ui5-dynamic-page-header', ['accessibleName'], [], [], []);
DynamicPageHeader.displayName = 'DynamicPageHeader';
export { DynamicPageHeader };