@ec-europa/ecl-page-headers
0.13.0 • Public • Published
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 |
Readme
Keywords
nonePackage Sidebar
Install
npm i @ec-europa/ecl-page-headers
Weekly Downloads