import React from 'react'; import ReactDOM from 'react-dom'; import Tab from '..'; const panes = [ { tab: 'Todo Tasks', key: 0, }, { tab: 'Finished Tasks', key: 1, }, { tab: 'Unread Messages', key: 2, }, { tab: 'Past Messages', key: 3, }, { tab: 'All Messages', key: 4, }, ]; const detachedContentStyle = { border: '1px solid #DCDEE3', padding: '20px', }; ReactDOM.render(
Customize with contentStyle or contentClassName
{panes.map(pane => ( {pane.tab} ))}
Setting className and style in Tab.Item
{panes.map(pane => { return ( {pane.tab} ); })}
Tabs with same width
{panes.map(pane => ( {pane.tab} ))}
, document.getElementById('tab-demo-10'), );