Value.NationalIdentityNumber#

Import#

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

Description#

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

There is a corresponding Field.NationalIdentityNumber component.

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

Relevant links#

Demos#

Empty#

Fødselsnummer (11 siffer)

<Value.NationalIdentityNumber showEmpty />

Placeholder#

Fødselsnummer (11 siffer)The value was not filled in

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

Value#

Fødselsnummer (11 siffer)250175 98765

<Value.NationalIdentityNumber value="25017598765" />

Label#

Label text

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

Label and value#

Label text250175 98765

<Value.NationalIdentityNumber label="Label text" value="25017598765" />

Inline#

This is before the component 250175 98765 This is after the component

<P>
  This is before the component{' '}
  <Value.NationalIdentityNumber value="25017598765" inline /> This is after
  the component
</P>

Suggest an edit