#ValueBlock

#Import

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

#Description

ValueBlock is a reusable wrapper for building Value components.

import { ValueBlock } from '@dnb/eufemia/extensions/forms'

const MyValueComponent = ({ value }) => (
  <ValueBlock label="Label">{value}</ValueBlock>
)

#Relevant links

• Source code
• Docs code

Check out the docs for the useValueProps hook. It will connect your value component to the data context.

For combining several value components into one, you can use Value.Composition.