Nervous Penpal Message

    @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

    Keywords

    none

    Install

    npm i @ec-europa/ecl-page-headers

    DownloadsWeekly Downloads

    8

    Version

    0.13.0

    License

    EUPL-1.1

    Unpacked Size

    7.67 kB

    Total Files

    5

    Last publish

    Collaborators

    • kalin.chernev
    • weslito
    • yhuard