Demos
Empty
<DataInput.NationalIdentityNumberonChange={(value) => console.log('onChange', value)}/>
Placeholder
<DataInput.NationalIdentityNumberplaceholder="Enter 11 digits..."onChange={(value) => console.log('onChange', value)}/>
Label
<DataInput.NationalIdentityNumberlabel="Label text"onChange={(value) => console.log('onChange', value)}/>
Label and value
<DataInput.NationalIdentityNumberlabel="Label text"value="01017501234"onChange={(value) => console.log('onChange', value)}/>
Disabled
<DataInput.NationalIdentityNumbervalue="01010101010"label="Label text"onChange={(value) => console.log('onChange', value)}disabled/>
Error
This is what is wrong...
<DataInput.NationalIdentityNumbervalue="007"label="Label text"onChange={(value) => console.log('onChange', value)}error={new FormError('This is what is wrong...')}/>
Validation - Required
<DataInput.NationalIdentityNumbervalue="12345678901"label="Label text"onChange={(value) => console.log('onChange', value)}required/>