Eurostar Blurb Component

Component that displays the blurb.

Contents

The Blurb component displays just text or text and an image.

Different categories are available and dictate the icon.

Blurbs are always housed in a Blurb-board. As such the layout below may be a bit weird.

Installation

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

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

Third party dependencies:

• breakpoint-sass

Eurostar:

• eurostar-blurb

Usage

1. We have several variants for the blurb. Depending on which one you require, extract the HTML markup as defined under Expand Markup under the specific variant type: (https://style.eurostar.com/components/detail/blurb.html)

2. Import styles:

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

    // Using Webpack:
    @import "~eurostar-blurb/_blurb.scss";