A component to tell the user about something they need to know about, but that’s not directly related to the page content.
First install the package into your project:
npm install -S @not-govuk/notification-banner
Then use it in your code as follows:
import React, { createElement as h } from 'react';
import NotificationBanner from '@not-govuk/notification-banner';
export const MyComponent = props => (
<NotificationBanner>
<p class="govuk-notification-banner__heading">
You have 7 days left to send your application.
<a class="govuk-notification-banner__link" href="#">View application</a>.
</p>
</NotificationBanner>
);
export default MyComponent;
Before working on this package you must install its dependencies using the following command:
pnpm install
Run the unit tests.
npm test
Build the package by compiling the TypeScript source code.
npm run build
Remove any previously built files.
npm run clean