compolicious
Version:
React component demo utility
26 lines (24 loc) • 798 B
JavaScript
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
});
}
}
}
}
};