FormField.md

Example use of <FormField/>:

<FormField label="Username" errors={['Cannot be left blank']}>
  <input type="text" name="username" value=""/>
</FormField>

This renders something like:

<div class="hasError">
  <label>Username</label>
  <input type="text" value=""/>
  <ul class="errors">
    <li>Cannot be left blank</li>
  </ul>
</div>

<FormField/> simply renders props.children so any type of input (custom or native) can be used:

<FormField label="State">
  <select name="state">
  {states.map(s => <option value={s.value}>{s.label}</option>)}
  </select>
</FormField>

<FormField label="Entry Date">
  <DatePicker name="entryDate" value={Date.now()}/>
</FormField>

<FormField label="Favorite Color">
  <ColorPicker/>
</FormField>