npm.io
1.0.2 • Published 8 years ago

eurostar-feature-list

Licence
ISC
Version
1.0.2
Deps
0
Vulns
0
Weekly
0

Eurostar Feature List Component

Component used for creating ordered or unordered lists of features, which includes an image, heading and text content.

Contents

The text field should be 160-180 characters.

Installation

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

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

Third party dependencies:

  • breakpoint-sass

Eurostar:

  • eurostar-feature-list

Usage

  1. Extract the HTML markup as defined under Expand Markup under the specific variant type: (https://style.eurostar.com/components/detail/feature-list.html)

  2. Import styles:

    // Using JSPM:
    @import "jspm:eurostar-feature-list/feature-list";
    // Using Webpack:
    @import "~eurostar-feature-list/_feature-list.scss";
  1. Import JS and Component Initialisation:
    // Using JSPM:
    import FeatureList from 'eurostar-feature-list/feature-list';
    const featureList = new FeatureList();
    // Using Webpack in React App:
    const FeatureList = require("eurostar-feature-list").default;
    new FeatureList();