Installation

Install the Notification panel package from npm

npm install @royallondon/design-system-component-notification-panel

Import the required CSS file

@import '@royallondon/design-system-component-notification-panel/dist/notification-panel';

Import the required JS file and then initalise the notification function

import notificationPanel from '@royallondon/design-system-component-notification-panel/dist/notification-panel';

const panel = document.getElementById('notifications');
notificationPanel(panel);

Start using the Notification panel component

Support

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

Licence

@royallondon/design-system-component-notification-panel

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 Notification panel component for the Royal London Design System. For design guidance, examples and accessibility notes, see the Notification panel 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.3 | Move to new feed | | 1.3.0 | Apply new icons and latest tokens added to foundations | | 1.2.2 | Fix "Mark all as read" button position on sm breakpoint | | 1.2.1 | Update TypeScript declaration to support internal functions | | 1.2.0 | Add SPA support for notification links and expose internal functions | | 1.1.0 | Update foundations dependency version to ensure new tokens | | 1.0.4 | Fix width collapse of notification panel when empty | | 1.0.3 | Add ts declaration file | | 1.0.2 | Add HTML code to the README | | 1.0.1 | Add missing dependencies | | 1.0.0 | Initial development release of notification panel component |