Import
import { Value } from '@dnb/eufemia/extensions/forms'render(<Value.BankAccountNumber />)
Description
Value.BankAccountNumber is a wrapper component for displaying string values, with user experience tailored for bank account number values.
There is a corresponding Field.BankAccountNumber component.
import { Value } from '@dnb/eufemia/extensions/forms'render(<Value.BankAccountNumber />)
Relevant links
Demos
Empty
Bankkonto
Code Editor
<Value.BankAccountNumber showEmpty />
Placeholder
BankkontoThe value was not filled in
Code Editor
<Value.BankAccountNumber placeholder="The value was not filled in" />
Value
Bankkonto2000 12 34567
Code Editor
<Value.BankAccountNumber value="20001234567" />
Label
Label text
Code Editor
<Value.BankAccountNumber label="Label text" showEmpty />
Label and value
Label text2000 12 34567
Code Editor
<Value.BankAccountNumber label="Label text" value="20001234567" />
Inline
This is before the component 2000 12 34567 This is after the component
Code Editor
<P> This is before the component{' '} <Value.BankAccountNumber value="20001234567" inline /> This is after the component </P>