Installation

Install the Product card package from npm

npm install @royallondon/design-system-component-product-card

Import the required CSS file

@import '@royallondon/design-system-component-product-card/dist/product-card';

Start using the Product card component

Support

Issues and questions are handled through the Royal London Design System support page.

Licence

@royallondon/design-system-component-product-card

This package is published primarily for use in Royal London products. It is made available publicly so that partners and suppliers building Royal London experiences can consume it directly.

Use of this package is subject to the Royal London Authorised Use Licence. See the LICENSE.md file included in this package.

The Product card component for the Royal London Design System. For design guidance, examples and accessibility notes, see the Product card page.

Release log

| Version | Release notes | | ------- | ---------------------------------------------------------------------------------------------------- | | 1.4.0 | Prepare for public npm release: add licence, publish dist only (src removed), remove source maps | | 1.3.4 | Move to new feed | | 1.3.2 | Update icon size to medium + apply component tokens | | 1.3.0 | Apply new icons and latest tokens added to foundations | | 1.2.0 | Update foundations dependency version to ensure new tokens | | 1.1.0 | Add option to display a single badge | | 1.0.3 | Minor adjustments to component spacing | | 1.0.2 | Fix issue with media query processing without postcss | | 1.0.1 | Update css to remove duplication | | 1.0.0 | First release of component |