Demos
Empty
Code Editor
<Field.NationalIdentityNumberonChange={(value) => console.log('onChange', value)}/>
Omit mask
Code Editor
<Field.NationalIdentityNumberonChange={(value) => console.log('onChange', value)}omitMask/>
Placeholder
Code Editor
<Field.NationalIdentityNumberplaceholder="Enter 11 digits..."onChange={(value) => console.log('onChange', value)}/>
Label
Code Editor
<Field.NationalIdentityNumberlabel="Label text"onChange={(value) => console.log('onChange', value)}/>
Label and value
Code Editor
<Field.NationalIdentityNumberlabel="Label text"value="01017501234"onChange={(value) => console.log('onChange', value)}/>
With help
Code Editor
<Field.NationalIdentityNumberlabel="Label text"value="01017501234"help={{title: 'Help is available',contents: 'The more I help others to succeed, the more I succeed.',}}onChange={(value) => console.log('onChange', value)}/>
Disabled
Code Editor
<Field.NationalIdentityNumbervalue="01010101010"label="Label text"onChange={(value) => console.log('onChange', value)}disabled/>
Error
This is what is wrong...
Code Editor
<Field.NationalIdentityNumbervalue="007"label="Label text"onChange={(value) => console.log('onChange', value)}error={new FormError('This is what is wrong...')}/>
Validation - Required
Code Editor
<Field.NationalIdentityNumbervalue="12345678901"label="Label text"onChange={(value) => console.log('onChange', value)}required/>