auth pattern

Magic link sent

Confirmation screen after requesting magic-link sign-in.

When to use it

User submitted email on the magic-link path.

  • Reassure the link is on its way
  • Resend escape hatch

Layout regions

  • header
  • card

States

  • default
  • success

Example

<Card><CardHeader><CardTitle>Check your email</CardTitle></CardHeader><CardContent><p>We sent a sign-in link to {masked(email)}.</p></CardContent></Card>

The full Magic link sent pattern specifies 2 exact microcopy strings, 1 motion spec, 3 composition rules — all gated behind the full recipe. Get the full recipe.

Build the Magic link sent pattern in your project.