@ecl/eu-component-page-header v2.39.0
Page header
Why and how to use this component
Users need a way to easily identify the branding, to search and change the language if needed.
- the page title functions as the top level H1.
- it is also used to construct the
<title>
element (mandatory). - gives context and confidence to the user so they know they are looking at the right piece of content.
- provides an H1 title for accessibility and SEO purposes.
Page header types
- default page header
- basic page header
Default page header | Basic page header |
---|---|
Mandatory components | Mandatory components |
Breadcrumb | Breadcrumb |
Page title | - |
Optional components | Optional components |
Meta items | Meta items |
Site identification | Site identification |
Page introduction | - |
When to use this component
Default page header | Basic page header |
---|---|
detail pages and landing pages | detail pages and landing pages |
navigation menu not allowed | navigation menu |
default implementation | page title and page introduction elements should be placed on the body of the page |
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago