Skip to content

PhoneNumber

Demos

Empty

<DataValue.PhoneNumber showEmpty />

Placeholder

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

Value

98712345
<DataValue.PhoneNumber value="98712345" />

Label

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

Label and value

98712345
<DataValue.PhoneNumber label="Label text" value="98712345" />

Inline

This is before the component98712345This is after the component
<>
This is before the component
<DataValue.PhoneNumber value="98712345" inline />
This is after the component
</>

Inline and label

This is before the component98712345This is after the component
<>
This is before the component
<DataValue.PhoneNumber label="Label text" value="98712345" inline />
This is after the component
</>