Skip to content
Home

String

Info
Demos
Properties

Import

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

Description

Value.String is a base component for displaying values of the type string.

There is a corresponding Field.String component.

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

Relevant links

Demos

Empty

Code Editor
<Value.String showEmpty />

Placeholder

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

Value

Text value
Code Editor
<Value.String value="Text value" />

Label

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

Label and value

Label textText value
Code Editor
<Value.String label="Label text" value="Text value" />

With help

Label textValue text
Code Editor
<Value.String
  label="Label text"
  value="Value text"
  help={{
    title: 'Help title',
    content: 'Help content.',
  }}
/>

Inline

This is before the component Text value This is after the component

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