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