12 lines
588 B
Plaintext
12 lines
588 B
Plaintext
component OtpInput {
|
|
props {
|
|
class = ""
|
|
name = "otp"
|
|
length = 6
|
|
label = "Verification code"
|
|
}
|
|
view {
|
|
<fieldset class="{class}"><legend class="mb-3 text-sm font-semibold">{label}</legend><input name="{name}" inputmode="numeric" autocomplete="one-time-code" maxlength="{length}" pattern="[0-9]*" class="min-h-14 w-full rounded-2xl border border-slate-300 bg-white px-4 text-center font-mono text-2xl tracking-[0.5em] outline-none transition focus:border-violet-500 focus:ring-4 focus:ring-violet-500/10 dark:border-slate-700 dark:bg-slate-950" /></fieldset>
|
|
}
|
|
}
|