LivaPhoneBox
Ülke kodu seçimli telefon numarası girişi. Değer, { code: '+90', number: '5301234567' }
biçiminde bir PhoneValue nesnesi olarak tutulur.
import { LivaPhoneBox } from "@dataliva/livalib";
Temel kullanım
defaultCountryCode ile açılıştaki ülke belirlenir (ör. 'TR', 'US'); kullanıcı
listeden başka bir ülke kodu seçebilir.
Temel kullanım
Önizleme yükleniyor…
Kontrollü değer
value ve onValueChanged ile bileşen tam kontrollü kullanılır; geri çağrıma
doğrudan PhoneValue nesnesi gelir.
Kontrollü değer
Önizleme yükleniyor…
Varyantlar
Varyantlar
Önizleme yükleniyor…
Durumlar ve doğrulama
isValid={false} hata görünümünü açar; mesaj errorMessage (veya eş anlamlısı
validationError) ile verilir.
Durumlar ve doğrulama
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
value | PhoneValue | — |
defaultValue | string | '' |
defaultCountryCode | string | 'US' |
onValueChanged | (e: PhoneValue) => void | — |
label | string | — |
placeholder | string | 'Enter phone number' |
disabled | boolean | false |
readOnly | boolean | false |
isValid | boolean | true |
errorMessage | string | — |
variant | 'standard' | 'outlined' | 'filled' | 'standard' |
size | 'small' | 'medium' | 'large' | 'medium' |