#Email

<DataInput.Email onChange={(value) => console.log('onChange', value)} />

<DataInput.Email
  placeholder="Enter email address..."
  onChange={(value) => console.log('onChange', value)}
/>

<DataInput.Email
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
/>

<DataInput.Email
  label="Label text"
  value="my-m@il.com"
  onChange={(value) => console.log('onChange', value)}
/>

<DataInput.Email
  value="my-m@il.com"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  disabled
/>

<DataInput.Email
  value="Not a mail"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  validateInitially
/>

<DataInput.Email
  value="foo@bar.com"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  error={new FormError('This is what is wrong...')}
/>

<DataInput.Email
  value="my-m@il.com"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  required
/>