Demos
Empty
<Field.BankAccountNumberonChange={(value) => console.log('onChange', value)}/>
Omit mask
<Field.BankAccountNumberonChange={(value) => console.log('onChange', value)}omitMask/>
Placeholder
<Field.BankAccountNumberplaceholder="Enter 11 digits..."onChange={(value) => console.log('onChange', value)}/>
Label
<Field.BankAccountNumberlabel="Label text"onChange={(value) => console.log('onChange', value)}/>
Label and value
<Field.BankAccountNumberlabel="Label text"value="20001234567"onChange={(value) => console.log('onChange', value)}/>
Disabled
<Field.BankAccountNumbervalue="20001234567"label="Label text"onChange={(value) => console.log('onChange', value)}disabled/>
Error
This is what is wrong...
<Field.BankAccountNumbervalue="007"label="Label text"onChange={(value) => console.log('onChange', value)}error={new FormError('This is what is wrong...')}/>
Validation - Required
<Field.BankAccountNumbervalue="20001234567"label="Label text"onChange={(value) => console.log('onChange', value)}required/>