hiromi/docs/button.jsx

React components for Bulma. http://bulma.io/

import React from 'react';
import Demo, {props as P} from 'react-demo';
import Button from '../components/Button';

export default React.createClass({
  render() {
    return (
      <div>
        <h1 className="title">Button</h1>
        <Demo
          background="none"
          target={Button}
          props={{
            type: P.string("button"),
            isLink: P.bool(false),
            isOutlined: P.bool(false),
            isPrimary: P.bool(false),
            isInfo: P.bool(false),
            isSuccess: P.bool(false),
            isWarning: P.bool(false),
            isDanger: P.bool(false),
            isInverted: P.bool(false),
            isSmall: P.bool(false),
            isMedium: P.bool(false),
            isLarge: P.bool(false),
            isLoading: P.bool(false),
            children: P.string('Click me')
          }}/>
      </div>
    );
  }
});