Value.PhoneNumber#

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#

Label text+47 98 71 23 45Label text+886 09 98 47 27 51Label text+1 (868) 67 58 28 8

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

Suggest an edit