Skip to content
Home

BankAccountNumber

Info
Demos
Properties

Description

Value.BankAccountNumber is a wrapper component for displaying string values, with user experience tailored for bank account number values.

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

Demos

Empty

Code Editor
<Value.BankAccountNumber showEmpty />

Placeholder

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

Value

2000 12 34567
Code Editor
<Value.BankAccountNumber value="20001234567" />

Label

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

Label and value

2000 12 34567
Code Editor
<Value.BankAccountNumber label="Label text" value="20001234567" />

Inline

This is before the component2000 12 34567This is after the component

Code Editor
<P>
  This is before the component
  <Value.BankAccountNumber value="20001234567" inline />
  This is after the component
</P>