Demos
Empty
Mobilnummer
<Value.PhoneNumber showEmpty />
Placeholder
MobilnummerThe value was not filled in
<Value.PhoneNumber placeholder="The value was not filled in" />
Value
Mobilnummer+47 98 71 23 45
<Value.PhoneNumber value="+4798712345" />
Label
Label text
<Value.PhoneNumber label="Label text" showEmpty />
Label and value
Label text+47 98 71 23 45
<Value.PhoneNumber label="Label text" value="+4798712345" />
Inline
This is before the component 98 71 23 45 This is after the component
<P> This is before the component{' '} <Value.PhoneNumber value="98712345" inline /> This is after the component </P>
International Suffix
<Flex.Stack> <Value.PhoneNumber label="Label text" value="+4798712345" /> <Value.PhoneNumber label="Label text" value="+8860998472751" /> <Value.PhoneNumber label="Label text" value="+18686758288" /> </Flex.Stack>