PhoneInput

Ne zaman kullanılır

PhoneInput telefon numarası istenen her form içindir. Türkiye varsayılandır; numara E.164 olarak (+905321234567) gönderilir.

Ne zaman kullanılmaz

• Doğrulama kodu için: OtpInput kullanın.
• Telefonu yalnızca göstermek için: düz metin ya da MaskedValue kullanın.

Anatomi

Telefon

TR +90

Size bu numaradan ulaşacağız.

AçıkKoyu

Kodu kopyala

import { PhoneInput } from '@bigbang/ui';

export default function Default() {
  return <PhoneInput label="Telefon" description="Size bu numaradan ulaşacağız." className="max-w-sm" />;
}

1. Etiket: Grubu ve numara alanını adlandırır.
2. Ülke kodu seçici: “TR +90”; listede ülke adı Provider dilinde.
3. Numara: Yazarken gruplanır: 532 123 45 67.
4. Açıklama ve hata: Grubun altında.

Davranış

• Başta yazılan 0 (yurt içi önek) atılır; Türkiye’de numara 10 hanedir.
• + ya da 00 ile başlayan bir numara ülkeyi değiştirir: +49 151… Almanya’yı seçer.
• Rakam dışındaki karakterler atılır; numara ülkenin uzunluğunda kesilir.
• Ülke değişince numara korunur, yeni ülkenin uzunluğuna kısaltılır.
• Form name altında E.164 değeri alır.

Yönergeler

• countries ile yalnızca hizmet verdiğiniz ülkeleri sunun.
• Eksik numarayı gönderimde isPhoneComplete ile denetleyip hatayı alanın altında gösterin.
• Biçimi yer tutucuyla anlatmayın; alan yazarken zaten gruplar.

İçerik

• Etiket: “Telefon” ya da “Cep telefonu”.
• Hata metni ne yapılacağını söyler: “Telefon numarasını eksiksiz girin.”

Türkçe	İngilizce
Ülke kodu	Country code

İlgili bileşenler

• TextInput: Düz metin.
• Select: Seçici görünümünün kaynağı.