carbon-components/src/components/tabs/tabs.config.js

Carbon Components is a component library for IBM Cloud

'use strict';

const items = [
  {
    linkId: 'tab-link-1',
    panelId: 'tab-panel-1',
    panelClass: 'tab-1',
    label: 'Tab label 1',
    panelContent: 'Content for first tab goes here.',
    selected: true,
  },
  {
    linkId: 'tab-link-2',
    panelId: 'tab-panel-2',
    panelClass: 'tab-2',
    label: 'Tab label 2',
    panelContent: 'Content for second tab goes here.',
  },
  {
    linkId: 'tab-link-3',
    panelId: 'tab-panel-3',
    panelClass: 'tab-3',
    label: 'Tab label 3',
    panelContent: 'Content for third tab goes here.',
  },
  {
    linkId: 'tab-link-4',
    panelId: 'tab-panel-4',
    panelClass: 'tab-4',
    label: 'Tab label 4',
    panelContent: 'Content for fourth tab goes here.',
  },
  {
    linkId: 'tab-link-5',
    panelId: 'tab-panel-5',
    panelClass: 'tab-5',
    label: 'Tab label 5',
    panelContent: 'Content for fifth tab goes here.',
  },
];

module.exports = {
  variants: [
    {
      name: 'default',
      label: 'Tabs',
      context: {
        items,
      },
    },
  ],
};