.. | ||
tab | ||
index.js | ||
readme.md | ||
story.js |
<Tabs>
demo
const React = require('react');
const ReactDOM = require('react-dom/server');
const Base = require('../base');
const Row = require('../row');
const Column = require('../column');
const Tabs = require('./index');
const Tab = require('./tab');
const styles = require('./style.css');
nmodule.exports = ReactDOM.renderToString(
<Base>
<Row>
<Column xs={12}>
<Tabs name='my-tab-group'>
<Tab title='Containers'>
<h1>Containers</h1>
</Tab>
<Tab title='Users'>
<h1>User</h1>
</Tab>
</Tabs>
</Column>
</Row>
</Base>
);
<Tabs id="dashboard-tabs">
<Container>
<TabLabel tabs="dashboard-tabs" id="your-dashboard">Your Dashboard</TabLabel>
<TabLabel tabs="dashboard-tabs" id="make-us-proud">
<Avatar />
<span>Make Us Proud</span>
</TabLabel>
</Container>
<TabPanel tabs="dashboard-tabs" tabId="your-dashboard">
<Container>Your Dashboard</Container>
</TabPanel>
<TabPanel tabs="dashboard-tabs" tabId="make-us-proud">
<Container>
<h1>Make Us Proud</h1>
</Container>
</TabPanel>