Pages — Auth OTP / 2FA

Layar dua faktor — input kode 6 digit bersegmen dan verifikasi.

Layar dua faktor: badge perisai, input OTP 6 digit bersegmen dengan maju otomatis dan tempel, pesan info, tombol verifikasi, dan tautan kirim ulang. Default ke tata letak terpusat; set variant="split" untuk tampilan dua panel.

Preview

Centered (default)

Two-factor check

Enter the 6-digit code we sent to your device.

For your security, this code expires in 10 minutes.

Didn't receive a code? Resend

Split (variant="split")

Bosia

One identity across web, mobile and the CLI — secure by default.

Trusted by teams shipping faster every day.

Two-factor check

Enter the 6-digit code we sent to your device.

For your security, this code expires in 10 minutes.

Didn't receive a code? Resend

Install

bun x bosia@latest add page auth/otp

Menginstal page.svelte plus setiap block auth yang disusunnya. Menarik @lucide/svelte untuk ikon.

Usage

<script lang="ts">
	import Otp from "$lib/pages/auth/otp/page.svelte";
</script>

<Otp />
<Otp variant="split" />

Kedua tata letak ditampilkan pada preview di atas; berikan variant="split" (atau ubah default-nya di page.svelte) untuk memakai split dua panel.

Halaman ini memakai block auth/otp-input; ui/input-otp adalah alternatif primitif.

Backend

Hanya visual — tanpa pembuatan atau verifikasi kode. Pasangkan dengan bosia-auth-flow untuk rangkaian server.

Source

src/lib/pages/auth/otp/page.svelte