1.8.0 • Published 5 years ago
@ecl/generic-component-page-header v1.8.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 |