Zum Hauptinhalt springen

Wert für internationale Telefonnummer

Wert für internationale Telefonnummer in Storybook

Beispiele​

Im Abschnitt Verwendung finden Sie Informationen über das richtige Design einer Telefonnummer und die verschiedenen Konfigurationsoptionen, die wir bereitstellen.

Einfaches Beispiel​

Sie können der Eigenschaft value ein Objekt des Formulars { phoneNumber: string } zuweisen, das dann als Telefonnummer gerendert wird. Es wird ein Ländercode hinzugefügt, die von Ihrem Gebietsschema abhängt, und andere erforderliche Formatierungen angewendet.

<PhoneNumberValue value={{ phoneNumber: "555-123456" }} />

Beispiel für einen Ländercode​

Sie können einen Ländercode angeben, der der Nummer hinzugefügt werden soll, indem Sie eine Eigenschaft countryCode in das als value verwendete Objekt aufnehmen.

Diese Eigenschaft verwendet ein ähnliches Objekt wie { code: string }, bei dem die Zeichenfolge ein gültiger ISO-Ländercode ist.

<PhoneNumberValue value={{ 
  countryCode: { code: "IE" },
  phoneNumber: "01-123456" // Note this is rendered with the leading 0 removed due to the presence of an Irish country code
  }} />

Beispiel für einen Standard-Ländercode​

Mit der Eigenschaft defaultCountryCode können Sie einen Standard-Ländercode angeben, der anstelle des auf Ihrem Gebietsschema basierenden verwendet werden soll.

<PhoneNumberValue 
  value={{ phoneNumber: "01-123456" }} 
  defaultCountryCode="IE"
  />

Beispiel für Ländercode ausblenden​

Sie können eine Telefonnummer auch ohne Ländercode anzeigen, indem Sie die Einstellung showCountryCodeForReadOnly auf falsesetzen.

<PhoneNumberValue 
  value={{ phoneNumber: "555-123456" }} 
  showCountryCodeForReadOnly={ false }
  />

Beispiel für einen Zeichenfolgenwert​

Sie können einen Zeichenfolgenwert verwenden, aber Sie müssen ebenfalls dataType auf false setzen.

<PhoneNumberValue 
  value="555-123456"
  dataType='string'
  />