Skip to content

NationalIdentityNumber

Demos

Empty

<DataInput.NationalIdentityNumber
onChange={(value) => console.log('onChange', value)}
/>

Placeholder

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

Label

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

Label and value

<DataInput.NationalIdentityNumber
label="Label text"
value="01017501234"
onChange={(value) => console.log('onChange', value)}
/>

Disabled

<DataInput.NationalIdentityNumber
value="01010101010"
label="Label text"
onChange={(value) => console.log('onChange', value)}
disabled
/>

Error

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

Validation - Required

<DataInput.NationalIdentityNumber
value="12345678901"
label="Label text"
onChange={(value) => console.log('onChange', value)}
required
/>