Skip to content
Home

NationalIdentityNumber

Info
Demos
Properties

Description

Value.NationalIdentityNumber is a wrapper component for displaying string values, with user experience tailored for national identity number values.

import { Value } from '@dnb/eufemia/extensions/forms'
render(<Value.NationalIdentityNumber />)

Demos

Empty

Code Editor
<Value.NationalIdentityNumber showEmpty />

Placeholder

Code Editor
<Value.NationalIdentityNumber placeholder="The value was not filled in" />

Value

250175 98765
Code Editor
<Value.NationalIdentityNumber value="25017598765" />

Label

Code Editor
<Value.NationalIdentityNumber label="Label text" showEmpty />

Label and value

250175 98765
Code Editor
<Value.NationalIdentityNumber label="Label text" value="25017598765" />

Inline

This is before the component250175 98765This is after the component

Code Editor
<P>
  This is before the component
  <Value.NationalIdentityNumber value="25017598765" inline />
  This is after the component
</P>