Skip to main content

DynamicPageTitle

Title of the DynamicPage.

The DynamicPageTitle component is part of the DynamicPage family and is used to serve as title of the DynamicPage.

Usage​

The DynamicPageTitle can hold any component and displays the most important information regarding the object that will always remain visible while scrolling.

Note: The actions slot accepts any UI5 web component, but it's recommended to use ui5-toolbar.

The user can switch between the expanded/collapsed states of the DynamicPage by clicking on the DynamicPageTitle or by using the expand/collapse visual indicators, positioned at the bottom of the DynamicPageTitle and the DynamicPageHeader inside ui5-dynamic-page-header-actions.

Responsive Behavior​

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

Properties​

No properties available for this component.

Slots​

heading​

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

snappedHeading​

DescriptionDefines the heading that is shown only when the header is snapped.
TypeArray<HTMLElement>

actionsBar​

DescriptionDefines the bar with actions in the Dynamic page title.
TypeArray<HTMLElement>
DescriptionDefines the bar with navigation actions in the Dynamic page title.
TypeArray<Toolbar>

default​

DescriptionDefines the content of the Dynamic page title.
TypeArray<HTMLElement>

subheading​

DescriptionDefines the content of the title that is shown only when the header is not snapped.
TypeArray<HTMLElement>

snappedSubheading​

DescriptionDefines the content of the title that is shown only when the header is snapped.
TypeArray<HTMLElement>
DescriptionDefines the content of the breadcrumbs inside Dynamic Page Title.
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.