Skip to content

Email

Demos

Empty

<Value.Email showEmpty />

Placeholder

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

Value

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

Label

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

Label and value

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

Inline

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

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