Skip to content

OrganizationNumber

Demos

Empty

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

Omit mask

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

Placeholder

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

Label

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

Label and value

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

With help

<Field.OrganizationNumber
label="Label text"
value="987654321"
help={{
title: 'Help is available',
contents:
'Success has nothing to do with what you gain in life or accomplish for yourself. It’s what you do for others.',
}}
onChange={(value) => console.log('onChange', value)}
/>

Disabled

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

Error

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

Validation - Required

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