Method render

src/Form.js:195–217

()

  }

  render () {
    let { button, controls, fetchStatus, children, className, onSubmit, grid, layout, ...props } = this.props;

    className = classnames(
      className,
      getGrid(grid),
      'rct-form',
      {
        'rct-form-aligned': layout === 'aligned',
        'rct-form-inline': layout === 'inline',
        'rct-form-stacked': layout === 'stacked'
      }
    );

    return (
      <form onSubmit={this.handleSubmit} className={className} {...props}>
        {controls && this.renderControls()}
        {this.renderChildren(children)}
        {button && this.renderButton(button)}
        {fetchStatus !== FETCH_SUCCESS && <div className="rct-form-mask" />}
      </form>
    );
  }
}

Form.propTypes = {