#LastName

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

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

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

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

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

<DataInput.LastName
  value="Unnamed"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  error={new FormError('This is what is wrong...')}
/>

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