compolicious/demo/manifest/components/tab-set.js

React component demo utility

import TabSet from '../../components/tab-set';

export default {
  component: TabSet,
  metadata: {
    displayName: 'Tab Set',
    props: {
      tabs: ['Tab 1', 'Tab 2', 'Tab 3'],
      children: [
        (<div style={{width: 300}}><p>dolor sit amet, consectetur adipiscing</p></div>),
        (<div style={{width: 300}}><p>consectetur adipiscing elit</p></div>),
        (<div style={{width: 300}}><p>sed do eiusmod tempor incididunt ut labore</p></div>),
        (<div style={{width: 300}}><p>incididunt ut labore et dolore magna aliqua</p></div>)
      ],
      onChange: {
        rendererValue: ({originalArgs: [{index: clickedIndex}], setValue}) => {
          setValue({
            propName: 'activeTabIndex',
            value: clickedIndex
          });
        }
      }
    }
  }
};