Installation

Install the Cards package from npm

npm install @royallondon/design-system-component-cards

Import the required CSS file

@import '@royallondon/design-system-component-cards/dist/cards';

Start using the Cards component

Modifiers are available to change the background colour of the card

Support

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

Licence

@royallondon/design-system-component-cards

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 Cards component for the Royal London Design System. For design guidance, examples and accessibility notes, see the Cards page.

Release log

| Version | Release notes | | ------- | ------------------------------------------------------------------------------------------------------------------------ | | 2.4.0 | Prepare for public npm release: add licence, publish dist only (src removed), remove source maps | | 2.3.4 | Move to new feed | | 2.3.1 | Tweak spacings | | 2.3.0 | Update layout to adapt to the inclusion of an Icon or Badge | | 2.2.0 | Apply latest tokens added to foundations | | 2.1.1 | Fix undesirable max-width limit inherited from Foundations ul rule | | 2.1.0 | Update cards to use type tokens | | 2.0.1 | Fix issue with media query processing without postcss | | 2.0.0 | Upgrade for compatibility with foundations v2 | | 1.0.3 | Fix alignment issues | | 1.0.2 | Fix css compilation issue, nested queries weren't getting compiled correctly causing errors when using on other projects | | 1.0.1 | Updated readme | | 1.0.0 | First release after testing |