d2-ui/examples/button/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 Button from '../../src/button/Button';
import SvgIcon from '../../src/svg-icon/SvgIcon';

injectTapEventPlugin();

const style = {
    margin: 16,
    display: 'flex',
    flexDirection: 'row',
    flexWrap: 'wrap',
    alignItems: 'center',
    justifyContent: 'space-between',
};

const buttons = (
    <MuiThemeProvider muiTheme={getMuiTheme()}>
        <div style={style}>
            <Button onClick={() => {}}>Default</Button>
            <Button disabled onClick={() => {}}>Disabled</Button>
            <Button raised onClick={() => {}}>Raised</Button>
            <Button raised color='primary' onClick={() => {}}>Primary</Button>
            <Button raised color='accent' onClick={() => {}}>Accent</Button>
            <Button raised disabled onClick={() => {}}>Disabled</Button>
            <Button fab onClick={() => {}}><SvgIcon icon='Add' /></Button>
            <Button fab color='accent' onClick={() => {}}><SvgIcon icon='Add' /></Button>
        </div>
    </MuiThemeProvider>
);

render(buttons, document.getElementById('buttons'));