Pages — Auth Forgot Password

Password-recovery page — email field, reset-link note, back to sign in.

The recovery screen: an "Account recovery" eyebrow, email field, an info message about the single-use reset link, and a back-to-sign-in switch line. Defaults to the centered layout; set variant="split" for the two-panel look.

Preview

Centered (default)

Bosia

Account recovery

Reset your password

Enter your email and we'll send a reset link.

We'll only send a secure, single-use link that expires soon.

Remembered it? Back to sign in

Split (variant="split")

Bosia

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

Trusted by teams shipping faster every day.

Bosia

Account recovery

Reset your password

Enter your email and we'll send a reset link.

We'll only send a secure, single-use link that expires soon.

Remembered it? Back to sign in

Install

bun x bosia@latest add page auth/forgot

Installs page.svelte plus every auth block it composes. Pulls @lucide/svelte for icons.

Usage

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

<Forgot />
<Forgot variant="split" />

Both layouts are shown in the preview above; pass variant="split" (or change its default in page.svelte) to use the two-panel split.

Backend

Visual only — no token minting or email. Pair with bosia-auth-flow for the server wiring.

Source

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