Eurostar Footer component

Component that displays the footer with links.

Contents

The Footer contains several links and social icons.

Installation

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

The Footer has 2 third party libraries which are preinstalled with Base Styles along with the Footer component itself. For more detailed explaination please review the Styleguide README: /docs/documentation.html#consuming.

Third party dependencies:

• breakpoint-sass
• susy

Eurostar:

• eurostar-footer

Usage

After installing the dependencies and the Footer component follow the below steps to use.

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

2. Import styles:

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

    // Using Webpack:
    @import "~eurostar-footer/_footer.scss";

3. Import JS and Component Initialisation:

    // Using JSPM:
    import Footer from 'eurostar-footer/footer';
    const footer = new Footer();

    // Using Webpack in React App:
    const Footer = require("eurostar-footer").default;
    new Footer();