interaminense

<Button style={'primary'}>
  <span class='icon icon-arrow-down' /> show more
</Button>

interaminense

<Button style={'primary'} onClick='handleOnClick' />

interaminense

{...this.otherProps()}

interaminense

import Component, {Config} from 'metal-jsx';
import getCN from 'classnames';

class Button extends Component {
  render() {
    const {children, isActive, style} = this.props;
    const classes = getCN('mathematics-btn',
      {
        ['mathematics-btn--active']: isActive,
        [`mathematics-btn--${style}`]: style

interaminense

Button.PROPS = {
  /**
   * Adds the classname 'mathematics-btn--active'
   * to Button
   * @type {boolean}
   * @default false
  */
  isActive: Config.bool().value(false),
  
  /**

interaminense

Button.PROPS = {
  style: Config.oneOf(['primary','default']).value('default')
};

interaminense

Button.PROPS = {
  isActive: Config.bool().value(false)
};

interaminense

import Component, {Config} from 'metal-jsx';

class Button extends Component {}

export default Button;

interaminense

<Button isActive style={'primary'} />

interaminense

import Component from 'metal-jsx';

class Button extends Component {}

export default Button;