Skip to content
Home

Email

Info
Demos
Properties

Demos

Empty

<DataValue.Email showEmpty />

Placeholder

The value was not filled in
<DataValue.Email placeholder="The value was not filled in" />

Value

firstname.lastname@domain.com
<DataValue.Email value="firstname.lastname@domain.com" />

Label

<DataValue.Email label="Label text" showEmpty />

Label and value

firstname.lastname@domain.com
<DataValue.Email

  label="Label text"

  value="firstname.lastname@domain.com"

/>

Inline

This is before the componentfirstname.lastname@domain.comThis is after the component
<>

  This is before the component

  <DataValue.Email value="firstname.lastname@domain.com" inline />

  This is after the component

</>

Inline and label

This is before the componentfirstname.lastname@domain.comThis is after the component
<>

  This is before the component

  <DataValue.Email

    label="Label text"

    value="firstname.lastname@domain.com"

    inline

  />

  This is after the component

</>