Eurostar Page Heading Component

Component that displays the page heading.

Contents

There can only be 1 page header per page. The background colour can be either grey or blue. The color can be blue or black The page heading can have is default behavior or the color can be blue and centered with no image and body The image must either have transparency or its edges must be the same colour as the background.

Installation

Base Styles must be installed in order to use the component. For more detailed explaination please review the Styleguide README here

The page-heading has 1 third party library which is preinstalled with Base Styles along with the page-heading component itself. For more detailed explaination please review the Styleguide README: /docs/documentation.html#consuming.

Third party dependencies:

• breakpoint-sass

Eurostar:

• eurostar-page-heading

Usage

1. Extract the HTML markup as defined under Expand Markup: (https://style.eurostar.com/components/detail/page-heading.html)

2. Import styles:

    // Using JSPM:
    @import "jspm:eurostar-page-heading/page-heading";

    // Using Webpack:
    @import "~eurostar-page-heading/_page-heading.scss";