Eurostar Shortcuts Component

A board to display shortcuts. A shortcuts component houses shortcuts (blurb--shortcut) and uses a JavaScript carousel at smaller widths.

Installation

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

Third party dependencies:

• breakpoint-sass
• susy

Eurostar:

• eurostar-base-styles
• eurostar-slider

Usage

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

2. Import styles:

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

    // Using Webpack:
    @import "~eurostar-shortcuts/_shortcuts.scss";

3. Import JS and Component Initialisation:

    // Using JSPM:
    import Shortcuts from 'eurostar-shortcuts/shortcuts';
    const shortcuts = new Shortcuts();

    // Using Webpack / React:
    const Shortcuts = require("eurostar-shortcuts").default;
    new Shortcuts();