Eurostar Billboard Component

Component that displays the header banner on the pages. It contains an image, an header text as a link and a button link. The component uses 4 different images to 4 different breakpoints. Recommanded image sizes are 600x340 for viewport-width < 600px, 1200x380 for viewport-width < 1200px, 1600x420 for viewport-width < 1600px and 1900x490 for viewport-width > 1600px

Installation

Base Styles must be installed in order to use the component. For more detailed explaination please review the Styleguide README here The Billboard has 1 third party library which is preinstalled with Base Styles along with the Billboard component itself.

Third party dependencies:

• breakpoint-sass

Eurostar:

• eurostar-base-styles
• eurostar-billboard

Usage

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

2. Import styles:

    // Using JSPM:
    @import "jspm:eurostar-billboard/billboard";

    // Using Webpack:
    @import "~eurostar-billboard/_billboard.scss";