0.14.0 • Published 10 months ago

@not-govuk/summary-list v0.14.0

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

NotGovUK - Summary List

A component to summarise information, for example, a user’s responses at the end of a form.

Using this package

First install the package into your project:

npm install -S @not-govuk/summary-list

Then use it in your code as follows:

import React, { createElement as h } from 'react';
import SummaryList from '@not-govuk/summary-list';

export const MyComponent = props => (
  <SummaryList
    items={[
      {
        name: 'Name',
        actions: [ { href: '#', children: (<Fragment>Change<VisuallyHidden> name</VisuallyHidden></Fragment>) } ],
        children: 'Sarah Philips'
      },
      {
        name: 'Date of birth',
        actions: [ { href: '#', children: (<Fragment>Change<VisuallyHidden> date of birth</VisuallyHidden></Fragment>) } ],
        children: '5 January 1978'
      },
      {
        name: 'Address',
        actions: [ { href: '#', children: (<Fragment>Change<VisuallyHidden> address</VisuallyHidden></Fragment>) } ],
        children: (<Fragment>72 Guild Street<br />London<br />SE23 6FH</Fragment>)
      },
      {
        name: 'Contact details',
        actions: [ { href: '#', children: (<Fragment>Change<VisuallyHidden> contact details</VisuallyHidden></Fragment>) } ],
        children: (<Fragment><p class="govuk-body">07700 900457</p><p class="govuk-body">sarah.phillips@example.com</p></Fragment>)
      },
    ]}
  />
);

export default MyComponent;

Working on this package

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

pnpm install

Testing

Run the unit tests.

npm test

Building

Build the package by compiling the TypeScript source code.

npm run build

Clean-up

Remove any previously built files.

npm run clean
0.14.0

10 months ago

0.13.0

10 months ago

0.12.1

10 months ago

0.12.0

10 months ago

0.11.1

10 months ago

0.11.0

10 months ago

0.10.0

10 months ago

0.8.7

1 year ago

0.9.0

11 months ago

0.9.1

11 months ago

0.8.6

1 year ago

0.8.5

1 year ago

0.8.4

1 year ago

0.8.3

1 year ago

0.8.2

2 years ago

0.8.1

2 years ago

0.8.0

2 years ago