@not-govuk/tabs-internal

A component for multiple, related sections of content.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@not-govuk/tabs-internal
0.5.72 months ago2 years agoMinified + gzip package size for @not-govuk/tabs-internal in KB

Readme

NotGovUK - Tabs
A component for multiple, related sections of content.

Using this package

First install the package into your project:
npm install -S @not-govuk/tabs

Then use it in your code as follows:
import React, { createElement as h } from 'react';
import Tabs from '@not-govuk/tabs';

export const MyComponent = props => (
  <Tabs
    items={[
      {
        id: 'a1',
        label: 'AAA',
        content: (<p>A</p>)
      },
      {
        id: 'b1',
        label: 'BBB',
        content: (<p>B</p>)
      },
      {
        id: 'c1',
        label: 'CCC',
        content: (<p>C</p>)
      }
    ]}
  />
);

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