Skip to content
Home

Currency

Info
Demos
Properties

Import

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

Description

Value.Currency is a wrapper component for displaying number values, with user experience tailored for currency values.

There is a corresponding Field.Currency component.

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

Relevant links

Demos

Empty

Code Editor
<Value.Currency showEmpty />

Placeholder

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

Value

Code Editor
<Value.Currency value={150} />

Suffix

Code Editor
<Value.Currency value={150} suffix=" - my suffix" />

Label

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

Label and value

Label text
Code Editor
<Value.Currency label="Label text" value={60000000} />

Inline

This is before the component This is after the component

Code Editor
<P>
  This is before the component <Value.Currency value={25000} inline /> This
  is after the component
</P>

Inline and label

This is before the component This is after the component

Code Editor
<P>
  This is before the component{' '}
  <Value.Currency label="Label text" value={25000} inline /> This is after
  the component
</P>