d2-ui/examples/tabs/index.js

d2-ui

import React from 'react';
import { render } from 'react-dom';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
import { Tabs, Tab } from '../../src/tabs/Tabs';

injectTapEventPlugin();

const style = {
    margin: 16,
};

const textFields = (
    <MuiThemeProvider muiTheme={getMuiTheme()}>
        <div style={style}>
            <Tabs>
                <Tab label='First'>
                    First tab
                </Tab>
                <Tab label='Second'>
                    Second tab
                </Tab>
                <Tab label='Third'>
                    Third tab
                </Tab>
            </Tabs>
        </div>
    </MuiThemeProvider>
);

render(textFields, document.getElementById('tabs'));