Doğrulama kodu
Tek seferlik kod; yapıştırma ve SMS otomatik doldurma.
Form
VOtpInput
2 örnek
6 haneli
Yapıştırma desteklenir; tüm haneler dolunca "complete" olayı yayılır.
Telefonuna gönderilen kodu gir.
Kod girildi:
Kodu göster
blade
<div x-data="{ done: '' }" x-on:complete="done = $event.detail">
<armada:otp label="Doğrulama kodu" description="Telefonuna gönderilen kodu gir." length="6" />
<p class="arm-text arm-text--sm" x-show="done" x-cloak style="margin-top:10px;color:var(--arm-success)">Kod girildi: <strong x-text="done"></strong></p>
</div>Ayraçlı ve 4 haneli
–
Kodu göster
blade
<div class="sc-col">
<armada:otp length="6" separator="3" />
<armada:otp length="4" mask />
</div>Özellikler
<armada:otp>
Değerler: separator: index after which a dash is shown, e.g. 3
| Prop | Varsayılan | Not |
|---|---|---|
label |
null |
|
description |
null |
|
name |
null |
|
length |
6 |
|
separator |
null |
|
mask |
false |