This component represents a page header.
The header is shown at the bottom of the page.
When the page width becomes sufficiently small, such as in phone devices, the header will be replaced with a mobile menu.
The mobile menu is a more mobile device friendly header where the navigation and links become buttons in a dropdown menu.
The following may be specified as an attribute on a template element:
top-navigation: The content to display in a section within the header called the top navigation.bottom-navigation: The content to display in a section within the header called the bottom navigation.mobile-menu: The content to display in a section within the header called the mobile menu.The following attributes are available:
display-bottom-nav: One of true or false.header-title: The text to display as the page title.header-title-url: Make the page title a link to this URL.logo-href: Make the logo a link to this URL.logo-img-height: The logo image height value.logo-img-margin: The logo image margin value.logo-img-width: The logo image width value.logo-src: The URL to the image representing the logo.logo-text: The text to display beside the logo.bottom-nav-height: The bottom navigation height value.bottom-nav-padding: The bottom navigation padding value.bottom-nav-theme-variant: A custom theme to apply to the bottom navigation.title-row-height: The top navigation height value.title-row-theme-variant: A custom theme to apply to the title row.top-nav-height: The top navigation height value.top-nav-margin: The top navigation margin value.top-nav-padding: The top navigation padding value.top-nav-theme-variant: A custom theme to apply to the top navigation.tl-header component with no customizations.
tl-header component with "Help" and "Information For" suppressed.