React Example

react-example.js

import React from 'react';

export default React.createClass({
  displayName: 'Button',
  propTypes: {
    text: React.PropTypes.string.isRequired,
    isDisabled: React.PropTypes.bool
  },
  getDefaultProps() {
    return {
      icon: 'icon-chevron_down',
      isDisabled: true
    };
  },
  getInitialState() {
    return {
      isOpen: this.props.isOpen
    };
  },
  
  toggle(ev) { this.setState({isOpen: ev.target.checked}); },
  
  render() {
    return (
      <button className='button'>{this.props.text}</button>
    );
  }
});