Installation

Install the Stepper package from npm

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

Import the required CSS file

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

Start using the Stepper component

Support

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

Licence

@royallondon/design-system-component-stepper

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

Release log

| Version | Release notes | | ------- | ---------------------------------------------------------------------------------------------------- | | 2.5.0 | Prepare for public npm release: add licence, publish dist only (src removed), remove source maps | | 2.4.3 | Move to new feed | | 2.4.0 | Add variable variant + improve step indicator styles | | 2.3.0 | Apply latest tokens added to foundations | | 2.2.0 | Update stepper to use type tokens | | 2.1.0 | Update animation to start from previous step instead of 0 | | 2.0.1 | Apply correct spacing and colour tokens | | 2.0.0 | Upgrade for compatibility with foundations v2 | | 1.0.0 | First release of component |