React Foundry - Tabs

A component for multiple, related sections of content.

Using this package

First install the package into your project:

npm install -S @react-foundry/tabs

Then use it in your code as follows:

import React, { createElement as h } from 'react';
import Tabs from '@react-foundry/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