#PhoneNumber

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

<DataInput.PhoneNumber
  placeholder="Call this number"
  onChange={(value) => console.log('onChange', value)}
/>

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

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

<DataInput.PhoneNumber
  value="+47 12345678"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  disabled
/>

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

<DataInput.PhoneNumber
  value="+47 888"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  required
/>