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</>