MagicLinkSentPage

Confirmation page after the host triggers a magic-link send. Mostly static — shows the address the link was sent to, the expiration window, and an optional resend button.

Install

Pull this component (and its dependencies) straight into your app via the shadcn CLI:

npx shadcn@latest add https://design.oapps.io/r/magic-link-sent-page.json

Or import from the workspace package:

import { MagicLinkSentPage, MagicLinkSentPageProps } from "@8maverik8/auth";

Examples

Default with resend

archi

Check your inbox

We sent you a magic link. Click it to finish signing in.

jane@oapps.io

The link expires in 15 minutes and works only once.

Wrong email? Back to sign in.

<MagicLinkSentPage
  wordmark="archi"
  email={email}
  onResend={async () => {
    const res = await authClient.signIn.magicLink({ email });
    if (res.error) return { error: res.error.message };
    return { error: null };
  }}
/>

Guidelines

Pass the email the link was sent to — users want to confirm they typed it correctly.
Use this page when the link was sent for password reset.That's `<ForgotPasswordPage>`'s built-in success state. This component is for passwordless sign-in only.