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
| Description | Defines the content of the Heading of the Dynamic Page.
The font size of the title within the heading slot can be adjusted to the recommended values using the following CSS variables:
Expanded: var(--sapObjectHeader_Title_FontSize)
Collapsed: var(--sapObjectHeader_Title_SnappedFontSize) |
| Type | Array<HTMLElement> |
snappedHeading
| Description | Defines the heading that is shown only when the header is snapped. |
| Type | Array<HTMLElement> |
snappedTitleOnMobile
| Description | Defines the content of the snapped title on mobile devices.
This slot is displayed only when the DynamicPageTitle is in the snapped state on mobile devices. It should be used to provide a simplified, single-line title that takes up less space on smaller screens.
Note:
- The content set in this slot overrides all other content set in the DynamicPageTitle slots when displayed.
- The slot is intended for a single ui5-title component. |
| Type | Array<Title> |
| Since | 2.3.0 |
actionsBar
| Description | Defines the bar with actions in the Dynamic page title. |
| Type | Array<HTMLElement> |
navigationBar
| Description | Defines the bar with navigation actions in the Dynamic page title. |
| Type | Array<Toolbar> |
default
| Description | Defines the content of the Dynamic page title. |
| Type | Array<HTMLElement> |
subheading
| Description | Defines the content of the title that is shown only when the header is not snapped. |
| Type | Array<HTMLElement> |
snappedSubheading
| Description | Defines the content of the title that is shown only when the header is snapped. |
| Type | Array<HTMLElement> |
breadcrumbs
| Description | Defines the content of the breadcrumbs inside Dynamic Page Title. |
| Type | Array<HTMLElement> |
Events
No events available for this component.
Methods
No methods available for this component.
CSS Parts
No CSS parts available for this component.