React Component Container Format

IconButton.rsx

name: IconButton
props:
  text:
    required: true
    type: string
    description: A button text.
    example: Click Me!
  icon:
    required: true
    type: string
    description: A Glyphicons icon name.
    example: plus
  iconPosition:
    type: enum
    enumValues: [left, right]
    default: left
    description: Position of icon.
imports:
  Button: bootstrap/button
moduleHeader: |
  var cx = require('react/addons').addons.classSet;
tree: |
  <Button {...props}>
    {iconPosition == 'left' && iconElement}
    {text}
    {iconPosition == 'right' && iconElement}
  </Button>
prepareTree: |
  var {icon, iconPosition, text, ...props} = this.props;
  var iconElement = <span className={cx('icon', 'icon-' + this.props.icon)} />;