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.
Before using this component, ensure there is not a more specific value component available that better suits your needs.
There is a corresponding Field.String component.
import { Value } from '@dnb/eufemia/extensions/forms'render(<Value.String />)
Relevant links#
Demos#
Empty#
<Value.String showEmpty />
Placeholder#
The value was not filled in
<Value.String placeholder="The value was not filled in" />
Value#
Text value
<Value.String value="Text value" />
Label#
Label text
<Value.String label="Label text" showEmpty />
Label and value#
Label textText value
<Value.String label="Label text" value="Text value" />
With help#
Label textValue text
<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
<P> This is before the component <Value.String value="Text value" inline />{' '} This is after the component </P>