Email

Import

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

Value.Email is a wrapper component for displaying string values, with user experience tailored for email values.

There is a corresponding Field.Email component.

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

E-postadresse
Code Editor<Value.Email showEmpty />

E-postadresseThe value was not filled in
Code Editor<Value.Email placeholder="The value was not filled in" />

E-postadressefirstname.lastname@domain.com
Code Editor<Value.Email value="firstname.lastname@domain.com" />

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

Label textfirstname.lastname@domain.com
Code Editor<Value.Email label="Label text" value="firstname.lastname@domain.com" />

This is before the component firstname.lastname@domain.com This is after the component

<P>
  This is before the component{' '}
  <Value.Email value="firstname.lastname@domain.com" inline /> This is
  after the component
</P>