Skip to content

BankAccountNumber

Demos

Empty

<Field.BankAccountNumber
onChange={(value) => console.log('onChange', value)}
/>

Omit mask

<Field.BankAccountNumber
onChange={(value) => console.log('onChange', value)}
omitMask
/>

Placeholder

<Field.BankAccountNumber
placeholder="Enter 11 digits..."
onChange={(value) => console.log('onChange', value)}
/>

Label

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

Label and value

<Field.BankAccountNumber
label="Label text"
value="20001234567"
onChange={(value) => console.log('onChange', value)}
/>

Disabled

<Field.BankAccountNumber
value="20001234567"
label="Label text"
onChange={(value) => console.log('onChange', value)}
disabled
/>

Error

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

Validation - Required

<Field.BankAccountNumber
value="20001234567"
label="Label text"
onChange={(value) => console.log('onChange', value)}
required
/>