Skip to content

Import

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

Description

Value.OrganizationNumber is a wrapper component for displaying string values, with user experience tailored for organization number values.

There is a corresponding Field.OrganizationNumber component.

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

Relevant links

Demos

Empty

Organisasjonsnummer
Code Editor
<Value.OrganizationNumber showEmpty />

Placeholder

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

Value

Organisasjonsnummer123 456 789
Code Editor
<Value.OrganizationNumber value="123456789" />

Label

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

Label and value

Label text123 456 789
Code Editor
<Value.OrganizationNumber label="Label text" value="123456789" />

Inline

This is before the component 123 456 789 This is after the component

Code Editor
<P>
  This is before the component{' '}
  <Value.OrganizationNumber value="123456789" inline /> This is after the
  component
</P>