title: Create a button that populates value in text input
body: <p>I have different components/forms with text inputs/fields in three different files. I want to add a button that populates all the value field with the placeholder hardcoded number/value.</p>
  <p>Here is an example of one component in boxform.js</p>
  <pre><code>const Box = (props) =&gt; {
    return (
      &lt;div&gt;
        &lt;div className='col-xs-12'&gt;
          &lt;TextFieldGroup
            label='Width:'
            onChange={props.updateBoundary.bind(null, 0)}
            onBlur={props.onBlurValid.bind(null, 0)}
            field='width'
            error={props.errors[0]}
            value={props.boundaries[0]}
            placeholder='1'
            isDisabled={props.isLoading}
            tooltip={getTooltip('width')} /&gt;
        &lt;/div&gt;
  </code></pre>
  <p>another component in setform.js:</p>
  <pre><code>const Set = (props) =&gt; {
    return (
      &lt;div className='row'&gt;
        &lt;h2&gt;Settings&lt;/h2&gt;
        &lt;div className='set-form'&gt;
          &lt;div className='col-xs-12'&gt;
            &lt;TextFieldGroup
              label='Seed:'
              onChange={props.updateSettings.bind(null, 0)}
              onBlur={props.onBlurValid.bind(null, 0)}
              value={props.settings[0]}
              field='seed'
              error={props.errors[0]}
              placeholder='12345'
              isDisabled={props.isLoading}
              tooltip={`Sets.`}/&gt;
          &lt;/div&gt;
  </code></pre>
  <p>Thank you for the help in advanced!</p>