@not-govuk/panel

Panel

A visible container used on confirmation or results pages to highlight important content.

Using this package

First install the package into your project:

npm install -S @not-govuk/panel

Then use it in your code as follows:

import React, { createElement as h } from 'react';
import Panel from '@not-govuk/panel';

export const MyComponent = props => (
  <Panel
    classModifiers="confirmation"
    title="Application complete"
  >
    Your reference number<br />
    <strong>HDJ2123F</strong>
  </Panel>
);

export default MyComponent;

Working on this package

Before working on this package you must install its dependencies using the following command:

pnpm install

Testing

npm test

Building

npm run build

Clean-up

npm run clean